This codemod updates CSS handling in your project:
- Transforms Tailwind
@applydirectives and CSS selectors by adding:global()inside:is(...)and:where(...)selectors. - Applies changes to CSS within
<style>tags in Svelte files. - Ensures global scope is properly applied to Tailwind utilities and complex selectors.
Before
main {@apply bg-blue-100 dark:bg-blue-900;}
After
main :global {@apply bg-blue-100 dark:bg-blue-900}
Build custom codemods
Use AI-powered codemod studio and automate undifferentiated tasks for yourself, colleagues or the community