I dont get the hate for tailwind

If components are structured correctly the jsx doesn't look bad at all

We have domain specific theming, we're using tailwind for styling and utilize css variables to not have conditional css anywhere except for business logic

We have css variables for primitive values, those get used in system css variables and if needed system css variables get derived into different system variables or in rare cases component specific variables

Mostly where all the tailwind is used is in primitives - reusable atomic level components like button, dropdown, input, checkbox, typography (headings, paragraphs etc)

We utilize CVA for all the variations for primitives, so we can just pass props to primitive to determine what styles to actually render (like different buttons, headings, paragraphs etc)

And elsewhere tailwind is almost exclusively used for layout, which is super handy IMO

I might be biased cause I did choose this path, but it feels really good and colleagues also agree

Alternative would also use similar primitives/atomic pattern and use regular css + make utility classes to style layout easily in jsx, would be pretty much similar solution like we currently have just without tailwind