tailwind's classes inside comment are conflicted with non-comment class #594
Description
What version of Tailwind CSS are you using?
tailwindcss v3.1.8
What build tool (or framework if it abstracts the build tool) are you using?
NO FRAMEWORK
What version of Node.js are you using?
node: '16.15.0'
What browser are you using?
firefox
What operating system are you using?
linux lite (Ubuntu distribution)
Reproduction URL
A Tailwind Play link or public GitHub repo that includes a minimal reproduction of the bug. Please do not link to your actual project, what we need instead is a minimal reproduction in a fresh project without any unnecessary code. This means it doesn't matter if your real project is private/confidential, since we want a link to a separate, isolated reproduction anyways. Unfortunately we can't provide support without a reproduction, and your issue will be closed with no comment if this is not provided.
Describe your issue
i was writing tailwindcss in a css file and it includes the coming content and i get a wavy underline under the comment and the hidden tailwind class saying that "'hidden' applies the same CSS properties as 'hidden'. (cssConflict)":
.menu {
@apply /* hidden by default */
hidden
/* menu sytles */
absolute bg-backgroundLight dark:bg-backgroundDark w-[150px] top-[100%] right-[50%] rounded-lg rounded-tr-none border-2 border-secondaryLight dark:border-secondaryDark
/* menu items */
[&>*:hover]:bg-secondaryLight [&>*:hover]:bg-opacity-50 [&>*:hover]:dark:bg-secondaryDark [&>*]:transition-colors [&>*]:flex [&>*]:justify-between [&>*]:items-center [&>*]:cursor-pointer [&>*]:px-2 [&>*]:py-2 ;
}
i was expecting that it's a normal comment and it will not be parsed by tailwind's regex.
