[v3 on Tailwind Play] using a class with a variant generates css for the variant-free class too

[olets]

What version of Tailwind CSS are you using?

3.4.11

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

play's

What version of Node.js are you using?

play's

What browser are you using?

Chrome, Firefox

What operating system are you using?

macOS

Reproduction URL

https://play.tailwindcss.com/KnbS12ekWQ

Describe your issue

Given the html pseudocode <div class="variant:utility">, Tailwind is generating the CSS for .variant\:utility and the CSS for .utility.

[adamwathan]

Hey thanks! Just looked into this and it doesn't seem to happen in real projects, only in Tailwind Play. Will keep this open so we don't forget to fix it in Play but in my testing at least only the actual classes are generated in real projects 👍

[olets]

Thanks confirming that with this stackblitz https://stackblitz.com/edit/tailwindcss-issues-14401?file=src%2Foutput.css&terminal=dev