Handle legacy key behavior in theme-driven suggestions for @utility

thecrypticace · thecrypticace · commit c4cb67f12827 · 2025-04-21T10:00:56.000-04:00
diff --git a/packages/tailwindcss/src/utilities.ts b/packages/tailwindcss/src/utilities.ts
@@ -6060,7 +6060,11 @@ export function createCssUtility(node: AtRule) {
 
           // Suggest theme values. E.g.: `--value(--color-*)`
           for (let value of designSystem.theme.keysInNamespaces(themeKeys)) {
-            target.push(value)
+            target.push(
+              value.replace(LEGACY_NUMERIC_KEY, (_, a, b) => {
+                return `${a}.${b}`
+              }),
+            )
           }
         }
 

Original file line number	Diff line number	Diff line change
`@@ -6060,7 +6060,11 @@ export function createCssUtility(node: AtRule) {`
`6060`	`6060`
`6061`	`6061`	// Suggest theme values. E.g.: `--value(--color-*)`
`6062`	`6062`	`for (let value of designSystem.theme.keysInNamespaces(themeKeys)) {`
`6063`		`- target.push(value)`
	`6063`	`+ target.push(`
	`6064`	`+ value.replace(LEGACY_NUMERIC_KEY, (_, a, b) => {`
	`6065`	+ return `${a}.${b}`
	`6066`	`+ }),`
	`6067`	`+ )`
`6064`	`6068`	`}`
`6065`	`6069`	`}`
`6066`	`6070`