"slashed-zero" and "tabular-nums" classes don't work when used together

[squaredpx]

What version of Tailwind CSS are you using?

v4.0.14

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

Vite 6.2.2

What version of Node.js are you using?

v23.4.0

What browser are you using?

N/A

What operating system are you using?

macOS

Reproduction URL

Tailwind Play link does not apply the slashed-zero setting so I can't use IT to create a demo, but the official Tailwind Docs show this issue in the Stacking multiple utilities section, there both classes should be applied but none are, ( They work fine a few paragraphs before when applied individually)

Describe your issue

The docs says that font-variant-numeric are composable but whenever slashed-zero and tabular-nums are used together none of them are applied and font-variant-numeric is set to normal. It works fine while on dev mode but on build it stops working

[RobinMalfait]

Hey!

This depends on the font you are using. I did notice that it's indeed wrong in Chrome on our docs (will fix it there soon). But on Safari you can see this where it works as expected:

Going to migrate this to a tailwindcss.com issue instead because the actual properties work as expected.

[squaredpx]

Thanks for quick answer! Yes, indeed it works fine in Safari, both your docs and my app, so maybe it's a Chrome issue then. (I used only Chrome and since I saw the issue also on your docs forgot to check Safari).