Canonical Class Suggestions Don't Work for Every Utility Class

[alexschcom]

What version of VS Code are you using?

1.111.0

What version of Tailwind CSS IntelliSense are you using?

0.14.29

What version of Tailwind CSS are you using?

4.2.1

What package manager are you using?

npm

What operating system are you using?

macOS

Tailwind CSS Stylesheet (v4) or config file (v3)

@import "tailwindcss";

VS Code settings

{
	// CUSTOM
	"workbench.colorCustomizations": {
		"editor.foreground": "#ccc",
		"sideBar.foreground": "#ccc",
		"sideBarSectionHeader.foreground": "#ccc",
		"sideBarTitle.foreground": "#ccc",
		"editorLineNumber.activeForeground": "#ccc",
		"editor.selectionBackground": "#404040",
		"editor.lineHighlightBackground": "#1a1a1a",
		"editorCursor.foreground": "#ccc",
	},
	// END CUSTOM

	"editor.fontFamily": "SF Mono",
	"editor.cursorSmoothCaretAnimation": "on",
	"files.trimFinalNewlines": true,
	"editor.insertSpaces": false,
	"workbench.iconTheme": "material-icon-theme",
	"editor.occurrencesHighlight": "off",
	"editor.colorDecorators": false,
	"window.title": "${folderName} ${separator} ${appName}",
	"debug.allowBreakpointsEverywhere": true,
	"[html]": {},
	"prettier.arrowParens": "avoid",
	"prettier.tabWidth": 4,
	"prettier.useTabs": true,
	"explorer.confirmDragAndDrop": false,
	"explorer.confirmDelete": false,
	"markdown-preview-enhanced.liveUpdate": true,
	"editor.codeLensFontFamily": "SF Mono",
	"editor.inlayHints.fontFamily": "SF Mono",
	"debug.console.fontFamily": "SF Mono",
	"[json]": {},
	"editor.linkedEditing": true,
	"workbench.preferredHighContrastColorTheme": "GitHub Dark High Contrast",
	"window.autoDetectHighContrast": false,
	"[javascript]": {
		"javascript.preferences.quoteStyle": "double",
	},
	"template-string-converter.addBracketsToProps": true,
	"template-string-converter.autoRemoveTemplateString": true,
	"telemetry.telemetryLevel": "off",
	"security.workspace.trust.enabled": false,
	"editor.minimap.autohide": "mouseover",
	"editor.minimap.renderCharacters": false,
	"editor.minimap.scale": 2,
	"editor.overviewRulerBorder": false,
	"editor.minimap.enabled": false,
	"[dockercompose]": {},
	"[yaml]": {},
	"workbench.tree.indent": 20,
	"emmet.excludeLanguages": ["markdown", "sass"],
	"sass.disableUnitCompletion": false,
	"sass.format.deleteEmptyRows": false,
	"editor.hideCursorInOverviewRuler": true,
	"editor.wordBasedSuggestionsMode": "allDocuments",
	"javascript.suggest.completeFunctionCalls": true,
	"workbench.startupEditor": "newUntitledFile",
	"editor.renderWhitespace": "all",
	"editor.fontSize": 14,
	"debug.console.fontSize": 14,
	"scm.inputFontSize": 14,
	"terminal.integrated.fontSize": 14,
	"vscode-pets.position": "explorer",
	"vscode-pets.petSize": "medium",
	"editor.accessibilitySupport": "off",
	"terminal.integrated.confirmOnKill": "always",
	"workbench.colorTheme": "One Dark Pro",
	"turboConsoleLog.logMessagePrefix": "",
	"turboConsoleLog.addSemicolonInTheEnd": true,
	"turboConsoleLog.includeFileNameAndLineNum": false,
	"turboConsoleLog.delimiterInsideMessage": "",
	"turboConsoleLog.insertEnclosingFunction": false,
	"turboConsoleLog.insertEnclosingClass": false,
	"turboConsoleLog.logMessageSuffix": "",
	"files.readonlyInclude": {
		".netlify/**": true,
		"build/**": true,
		"config.codekit3": true,
		"source/assets/sass/fonts/_font-face.sass": true,
		"source/assets/sass/fonts/_ranges.sass": true,
	},
	"workbench.editor.empty.hint": "hidden",
	"git.autofetch": true,
	"git.suggestSmartCommit": false,
	"git.confirmSync": false,
	"files.exclude": {
		"**/.git": false,
	},
	"window.nativeTabs": true,
	"window.newWindowDimensions": "inherit",
	"oneDarkPro.editorTheme": "Just Black",
	"terminal.integrated.cursorBlinking": true,
	"oneDarkPro.italic": false,
	"scm.experimental.showHistoryGraph": true,
	"debug.showBreakpointsInOverviewRuler": true,
	"editor.renderLineHighlight": "all",
	"emmet.showSuggestionsAsSnippets": true,
	"editor.snippetSuggestions": "top",
	"cSpell.language": "en,de-DE",
	"php.validate.executablePath": "/opt/homebrew/bin/php",
	"window.customTitleBarVisibility": "never",
	"cSpell.customDictionaries": {
		"custom-dictionary-user": {
			"name": "custom-dictionary-user",
			"path": "~/.cspell/custom-dictionary-user.txt",
			"addWords": true,
			"scope": "user",
		},
	},
	"python.defaultInterpreterPath": "/Users/alex/Desktop/gumroad-utils/.venv",
	"files.trimTrailingWhitespace": true,
	"workbench.editorAssociations": {
		"*.copilotmd": "vscode.markdown.preview.editor",
		"*.svg": "default",
	},
	"[javascriptreact]": {},
	"workbench.settings.applyToAllProfiles": [],
	"diffEditor.renderSideBySide": true,
	"diffEditor.ignoreTrimWhitespace": true,
	"git.blame.editorDecoration.enabled": false,
	"editor.defaultFormatter": "esbenp.prettier-vscode",
	"editor.formatOnSave": true,
	"explorer.confirmPasteNative": false,
	"[astro]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode",
	},
	"[tailwindcss]": {
		"editor.defaultFormatter": "esbenp.prettier-vscode",
	},
	"files.associations": {
		"*.css": "tailwindcss",
	},
	"window.titleSeparator": "—",
	"diffEditor.experimental.showMoves": true,
	"template-string-converter.validLanguages": [
		"svelte",
		"typescript",
		"javascript",
		"typescriptreact",
		"javascriptreact",
		"astro",
	],
	"diffEditor.hideUnchangedRegions.enabled": true,
}

Describe your issue

When writing tracking-[0.1em], I correctly get a canonical class suggestion:

The class `tracking-[0.1em]` can be written as `tracking-widest`

However, when using the computed value of any of the other increments, I don't get a suggestion:

Utility Name	Value	Arbitrary Value	Throws Suggestion
tracking-tighter	-0.05em	tracking-[-0.05em]	✗
tracking-tight	-0.025em	tracking-[-0.025em]	✗
tracking-normal	0em	tracking-[0em]	✗
tracking-wide	0.025em	tracking-[0.025em]	✗
tracking-wider	0.05em	tracking-[0.05em]	✗
tracking-widest	0.1em	tracking-[0.1em]	✓

[RobinMalfait]

Hey! Thanks for the bug report. This is a bug in Tailwind CSS itself and will be fixed in the next release.