[BUG] `no-custom-classname` doesn't work with hyphenated group names

[lachieh]

Describe the bug
The no-custom-classname hits a false-positive when group names have anything other than [a-zA-Z0-9]

To Reproduce

<element class="group/custom-name">...</element>

  1:16  warning  Classname 'group/custom-name' is not a Tailwind CSS class!  tailwindcss/no-custom-classname

Expected behavior
Should accept anything that is a valid css rule. From my investigation it looks like almost any character except space. Tailwind itself handles these classes correctly:

https://play.tailwindcss.com/pveMxjkzQb

[lachieh]

Additional research: tailwind uses postcss-selector-parser to escape the section after the group/ and postcss-selector-parser in turn uses cssesc to do the dirty work. It might be an opportunity to use one of those libraries to validate the name section of the the group/ class name.

[francoismassart]

npm i eslint-plugin-tailwindcss@3.10.2 should fix it

[lachieh]

Thank you! 🚀

[Binero]

@francoismassart

It appears not to be fixed. On 3.10.3 it still doesn't recognise bg-opacity/25.

[francoismassart]

@Binero
this is normal, it follows the New opacity modifier syntax