Button animation no longer works with tailwind v4

[CesGalaxy]

What version of Tailwind CSS are you using?

v4.1.4

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

Next.js 15

What version of Node.js are you using?

v22.14.0

What browser are you using?

Edge

What operating system are you using?

Windows

Reproduction URL

Working animation: https://www.heroui.com/docs/components/button
No animation: https://beta.heroui.com/docs/components/button

Describe your issue

Before upgrading to tailwind4 the buttons had an animation when pressed, now the button continues to shrink but without the animation.

So far I've managed to fix it by applying "transition-all" to all the buttons.

[RobinMalfait]

What version of Edge are you using? You might want to double check the browser support: https://tailwindcss.com/docs/compatibility#browser-support

Screen.Recording.2025-04-25.at.15.34.49.mov