use of prose-invert broken in tailwind v4

[joelkoen]

What version of @tailwindcss/typography are you using?

0.5.15

What version of Node.js are you using?

v22.12.0

What browser are you using?

chrome + firefox

What operating system are you using?

linux

Reproduction repository

https://codeberg.org/beacondb/beacondb.net/pulls/27

Describe your issue

#228 seems to be reintroduced when upgrading to tailwindcss v4. As shown below, using a theme modifier like prose-neutral overrides prose-invert, breaking dark mode.

with v3:

with v4:

[bloodnighttw]

In my case, using prose-invert won't break, but using prose-invert with prose-stone will break the theme. this happen in v4, and as i test won't happen in v3.

[Firgrep]

Had the same issue. Another class was adding a color and that broke the thing? Enforcing important on both prose and prose-inverted seems to do the trick.

!prose dark:!prose-invert

[CharrafiMed]

the same issue here after upgrading to V4, everything was good with V3

[zefir-git]

Due to alphabetical sorting, any prose colour classes that appear after prose-invert seem not to work as expected, since they take precedence over prose-invert.

For example:

Class	Compatible with prose-invert
prose-amber	✅ Yes
prose-gray	✅ Yes
prose-slate	❌ No
prose-lime	❌ No

[philipp-spiess]

Hey folks! With tailwindlabs/tailwindcss#16715 out in 4.0.8, I believe this should work now. Does someone have a repro for this ready that can try to upgrade and validate if this is still an issue? 🙇

[zefir-git]

Hey folks! With tailwindlabs/tailwindcss#16715 out in 4.0.8, I believe this should work now. Does someone have a repro for this ready that can try to upgrade and validate if this is still an issue? 🙇

Yes: https://play.tailwindcss.com/AsSWMfFgs6

It appears to be fixed.

[philipp-spiess]

AH YEP PLAY HAS THE PLUGIN NEVERMIND ME HERE 🤦 Thanks for testing <3

Let's close this issue then 👍