Incorrect cssConflict warning

[brandanking-decently]

What version of VS Code are you using?

v1.96.2

What version of Tailwind CSS IntelliSense are you using?

v0.14.11

What version of Tailwind CSS are you using?

v4.0.15

What package manager are you using?

npm

What operating system are you using?

Windows

VS Code settings

	"files.associations": { "*.css": "tailwindcss" },
	"emmet.includeLanguages": { "postcss": "css" },
	"editor.quickSuggestions": { "strings": "on" },
	"editor.inlineSuggest.enabled": true,
	"tailwindCSS.classAttributes": ["class", "className"],
	"tailwindCSS.classFunctions": ["tw", "cva", "cx", "twMerge"],
	"tailwindCSS.experimental.classRegex": [
		["cva\\(((?:[^()]|\\([^()]*\\))*)\\)", "[\"'`]?([^\"'`]+)[\"'`]?"],
		["cx\\(((?:[^()]|\\([^()]*\\))*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"],

		["\\b\\w+[cC]lassName\\s*=\\s*[\"']([^\"']*)[\"']"],
		["\\b\\w+[cC]lassName\\s*=\\s*`([^`]*)`"],
		["[\\w]+[cC]lassName[\"']?\\s*:\\s*[\"']([^\"']*)[\"']"],
		["[\\w]+[cC]lassName[\"']?\\s*:\\s*`([^`]*)`"],
		["className:\\s*[\"']([^\"']*)[\"']"]
	],

Describe your issue

When using conditional logic with CVA I get warnings about duplicate classes. Side can never be all of these conditions at once

[thecrypticace]

Hey! So this is happening because of your class regexes. Specifically this one:

["cx\\(((?:[^()]|\\([^()]*\\))*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"],

And more specifically, the regex at the end here:

"(?:'|\"|`)([^']*)(?:'|\"|`)"

In a simplified, but otherwise equivalent form:

['"`]([^']*)['"`]

What this basically says is this:

• Find any kind of quote to start; then
• Everything inside up to but not including a single quote is the class list; then
• Make sure we end with any kind of quote

The problem is that we're not looking for the kind of quote that was matched so it looks inside cx(…), finds a ", and matches everything up to the very last " inside the function call because there are no single quotes.

There are two solutions to this:

1. Preferred: remove the class regexes — they should not be necessary since you're using the classFunctions setting. The intent of that feature is to make most of these classRegex settings unnecessary. If they aren't working for you in some situations you think they should be please file a bug I'd really appreciate it

2. If, for some reason, you still need these you should replace your first two regexes with these instead:

		["cva\\(((?:[^()]|\\([^()]*\\))*)\\)", "\"([^\"]*)\""],
		["cva\\(((?:[^()]|\\([^()]*\\))*)\\)", "'([^']*)'"],
		["cva\\(((?:[^()]|\\([^()]*\\))*)\\)", "`([^`]*)`"],
		["cx\\(((?:[^()]|\\([^()]*\\))*)\\)", "\"([^\"]*)\""],
		["cx\\(((?:[^()]|\\([^()]*\\))*)\\)", "'([^']*)'"],
		["cx\\(((?:[^()]|\\([^()]*\\))*)\\)", "`([^`]*)`"],