important modifier on animation breaks keyframes

[philippkuehn]

What version of Tailwind CSS are you using?

v3.4.0

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

postcss 8.4.32

What version of Node.js are you using?

v21.4.0

What browser are you using?

Chrome

What operating system are you using?

macOS

Reproduction URL

https://play.tailwindcss.com/4mir5NtQdV

Describe your issue

If you use the !important modifier for animations, the keyframe steps of the animation are removed (and the animation breaks). You can also see this in tailwind intellisense.

[thecrypticace]

Hey thanks for reporting this. I've merged the fix in #12639 and it'll be available in the next release.

It'll also be in our insiders build in about 15 minutes or so:

npm install tailwindcss@insiders