[v4] It does not take the shape of pointer when hovering on a button.

[hakancodes0]

What version of Tailwind CSS are you using?

v4.0.0-beta.8

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

React Router 7.1.1, Vite 6.0.7 and using new Vite plugin

What version of Node.js are you using?

v22.12.0

What browser are you using?

I tried on Chrome and Edge

What operating system are you using?

Windows 11

Reproduction URL

New vite project and add test component. That's it. On hover, cursor stays same.

Describe your issue

On hovering on buttons mouse doesn't shape as pointer. Stays same. This bug issued when i switched over tailwindcss 3.4.17 to beta via npx command you provided. Adding

button {
@apply cursor-pointer;
}

to tailwind.css is a temporary workarround.

[wongjn]

See #15203 for previous discussion on this topic.

[BenjaminGrayDev]

It might work.
If not, please upgrade versions.