Add .scss files to upgrade script.

[GameLord2011]

I use an index.scss file in my project, and the upgrade script did not detect it.

[GameLord2011]

WAIT DO NOT MERGE THIS YET, I NEED TO ADD MORE CODE!

[GameLord2011]

Can anyone help with adding the scss file format (switch @import for @use if scss and whatnot)?

[wongjn]

See #15716 (comment)

[philipp-spiess]

Hey @GameLord2011. Thanks for the contribution but the comment that @wongjn linked to from my colleague @RobinMalfait is unfortunately still our stance on this.

Even if we fix the upgrade tool to work around some of the issues you already found (e.g. the @use stuff), SCSS is not something we support in Tailwind CSS v4: https://tailwindcss.com/docs/compatibility#sass-less-and-stylus. So the only way to make the upgrade tool work with SCSS files would be be to also convert all .scss files to .css which isn't even possible since not all SCSS features exist in Tailwind CSS.

Instead, our recommended migration approach is that you convert your SCSS project to CSS before you migrate to Tailwind CSS v4.

[GameLord2011]

I found a workaround where if you rename your scss stylesheets to css then it will upgrade, except that that causes a broken build

…

On Thu, Feb 6, 2025 at 8:55 AM Philipp Spiess ***@***.***> wrote: Hey @GameLord2011 <https://github.com/GameLord2011>. Thanks for the contribution but the comment that @wongjn linked to <#15716 (comment)> from my colleague @RobinMalfait <https://github.com/RobinMalfait> is unfortunately still our stance on this. Even if we fix the upgrade tool to work around some of the issues you already found (e.g. the @use stuff), SCSS is not something we support in Tailwind CSS v4: https://tailwindcss.com/docs/compatibility#sass-less-and-stylus. So the only way to make the upgrade tool work with SCSS files would be be to also convert all .scss files to .css which isn't even possible since not all SCSS features exist in Tailwind CSS. Instead, our recommended migration approach is that you convert your SCSS project to CSS *before* you migrate to Tailwind CSS v4. — Reply to this email directly, view it on GitHub <#16285 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A4SFQUOWBYBFZ6ZS7KDCGVT2ONSVPAVCNFSM6AAAAABWR3QE7KVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDMMZZHA4TOMZVG4> . You are receiving this because you were mentioned.Message ID: ***@***.***>