How to Use Tailwind to Shift CSS Into JavaScript

The most basic solution is okay we have a button we want to make it you know border radius and like a little bit of padding and purple. You just throw those classes on to the button component but then what happens when in one case you want to have a button with a red background? Tailwind class for background purple on the component itself maybe you implement some sort of logic that injects other classes at the implementation level where you implement the button. The cascade of CSS is determined by where in these actual generated CSS style sheet that background purple class is defined and the background red class so it could be that in the HTML background first background purple comes first and then background red  but in the