`shadow-inherit` is broken

[birtles]

What version of Tailwind CSS are you using?

For example: v4.1.3

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

Tailwind Play

What version of Node.js are you using?

Tailwind Play

What browser are you using?

Firefox and Chrome

What operating system are you using?

Windows

Reproduction URL

https://play.tailwindcss.com/FYzL24UYiA

Describe your issue

No shadow is shown when using shadow-inherit.

When using shadow-inherit the following property is generated:

--tw-shadow-color: color-mix(in oklab, inherit var(--tw-shadow-alpha), transparent);

I don't think inherit is a <color> as required by color-mix(). I also suppose browsers don't reject the declaration as invalid because it's assigning to a CSS variable with syntax "*".

Regression from 60b0da9?

cc @philipp-spiess

[wongjn]

Seems like inherit is incompatible with the intensity modifiers of box shadows introduced in #17398. I guess the color-mix() could be removed from the inherit value, or to retain the intensity modifier, we move the intensity color-mix() into the shadow-<size> class? (can't do that, otherwise the compatibility fallbacks for the color-mix() won't work)

[philipp-spiess]

@birtles Should be fixed in the next patch release. Big thanks to @wongjn for helping out here again!