Post

as a side effect, it’s been super neat to be able to query and manipulate the tailwind config from js at runtime (for funky dynamic stuff) using using standard cssom apis without needing any extra build steps 🙏

They've had a few deprecations that make it a non-starter for me. Occasionally I'd use TW purely as a helper library by only enabling certain core plugins but you can't do that anymore. You also can't safelist classes which I'd use for CMS generated content.

JS-based CSS frameworks are not the way - take it from someone with a lot of experience of Styled Components. You shouldn't have to do a giant JS upgrade across your entire app to take advantage of new native features of HTML and CSS. So it's nice to see TW offer a light touch approach.

I promise you that "having your styles and components collocated" is not worth the upgrade and maintenance costs. Also, you can do that with inline styles anyway if you really want

Definitely not in React, but the value of collocating styles with mark-up is extremely evident in the frameworks — Vue, Svelte, Astro, etc — that do support the pattern