"rotate-0" CSS different between "dev" and "build"

[ZebraNorth]

What version of Tailwind CSS are you using?

v4.1.5

What build tool (or framework if it abstracts the build tool) are you using?

Vite 6.3.5

What version of Node.js are you using?

v22.13.1

What browser are you using?

Chrome

What operating system are you using?

Windows

Reproduction URL

https://play.tailwindcss.com/zpabWAazWw

Describe your issue

When running npm run dev the rotate-0 class is compiled as rotate: 0deg.
When running npm run build it is compiled as rotate: none.

These are not equivalent, as 0deg will create a new stacking context but none will not. This causes the order of the divs in reproduction above to be swapped depending on whether you run dev or build.

[philipp-spiess]

Seems like an issue in lightningcss. Mind filing an upstream bug report?

If your intention is to create a new stacking context, I'd suggest you use the isolation utility to be more explicit!

[ZebraNorth]

Seems like an issue in lightningcss. Mind filing an upstream bug report?

If your intention is to create a new stacking context, I'd suggest you use the isolation utility to be more explicit!

Thanks! I did consider isolation but I wasn't sure if it was the right tool for the job or not.

I'll close this ticket, as it's an upstream problem.