after update from 3.2.7 to 3.3.0 pseudo elements after and before doesn't get dark: ... anymore

[0cool-f]

What version of Tailwind CSS are you using?

3.3.0

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

astro v2.1.8

What version of Node.js are you using?

19.8.1

What browser are you using?

Chrome 111

What operating system are you using?

Zorin OS 16.2

Describe your issue

after update every after and before pseudo element doesn't get any dark modifier value, for example if i write ... bg-gray-800 dark:bg-gray-100 ... it get only bg-gray-800 on version 3.2.7 it works as usual

[RobinMalfait]

Hey, thank you for this bug report! 🙏

Can you please provide a minimal reproduction repo that shows the issue?

Trying to reproduce it and seems to work as expected: https://play.tailwindcss.com/d5HtkTSI6a

[thevuong]

Hey, thank you for this bug report! 🙏

Can you please provide a minimal reproduction repo that shows the issue?

Trying to reproduce it and seems to work as expected: https://play.tailwindcss.com/d5HtkTSI6a

I have reproduced a case here: https://play.tailwindcss.com/tsNrZ1Qtm5?file=css

[0cool-f]

Hey, thank you for this bug report! pray

Can you please provide a minimal reproduction repo that shows the issue?

Trying to reproduce it and seems to work as expected: https://play.tailwindcss.com/d5HtkTSI6a

I tried to extract and abstract part of code of my use case: https://play.tailwindcss.com/ytDMhpXmfR?file=css

[RobinMalfait]

This should be fixed by #10903, and will be available in the next release.

You can already try it by using the insiders build npm install tailwindcss@insiders.

[aparajita]

I was going to report a related bug where the dark variant in this stopped working:

  ion-item::part(native).settings-item {
    @apply bg-neutral-50 dark:bg-neutral-850;
  }

The insiders build fixed it, thank you @RobinMalfait. 🙏🏽