Make sure theme namespaces don’t get flagged as syntax errors

thecrypticace · thecrypticace · commit 1dd61fd39ed2 · 2025-02-20T17:29:25.000-05:00
diff --git a/packages/tailwindcss-language-server/src/language/rewriting.ts b/packages/tailwindcss-language-server/src/language/rewriting.ts
@@ -73,5 +73,8 @@ export function rewriteCss(css: string) {
     return match.replace(/[*]/g, '_')
   })
 
+  // Replace `--some-var-*` with `--some-var_`
+  css = css.replace(/--([a-zA-Z0-9]+)-[*]/g, '--$1_')
+
   return css
 }
diff --git a/packages/tailwindcss-language-server/tests/css/css-server.test.ts b/packages/tailwindcss-language-server/tests/css/css-server.test.ts
@@ -218,6 +218,7 @@ defineTest({
         @import 'tailwindcss';
         @theme {
           --color-primary: #333;
+          --leading-*: initial;
         }
       `,
     })
@@ -234,7 +235,7 @@ defineTest({
           uri: '{workspace:default}/file-1.css',
           range: {
             start: { line: 1, character: 0 },
-            end: { line: 3, character: 1 },
+            end: { line: 4, character: 1 },
           },
         },
       },

Original file line number	Diff line number	Diff line change
`@@ -73,5 +73,8 @@ export function rewriteCss(css: string) {`
`73`	`73`	`return match.replace(/[*]/g, '_')`
`74`	`74`	`})`
`75`	`75`
	`76`	+ // Replace `--some-var-*` with `--some-var_`
	`77`	`+ css = css.replace(/--([a-zA-Z0-9]+)-[*]/g, '--$1_')`
	`78`	`+`
`76`	`79`	`return css`
`77`	`80`	`}`