diff --git a/packages/tailwindcss-language-syntax/tests/__snapshots__/syntax.test.ts.snap b/packages/tailwindcss-language-syntax/tests/__snapshots__/syntax.test.ts.snap
index 5db256a2..27140aab 100644
--- a/packages/tailwindcss-language-syntax/tests/__snapshots__/syntax.test.ts.snap
+++ b/packages/tailwindcss-language-syntax/tests/__snapshots__/syntax.test.ts.snap
@@ -1007,6 +1007,102 @@ exports[`@utility 1`] = `
 
 }
 ^                                      1: source.css.tailwind meta.at-rule.utility.body.tailwind punctuation.section.utility.end.bracket.curly.tailwind
+
+
+^                                      1: source.css.tailwind
+
+@utility tab-* {
+^^^^^^^^^^^^^^^^                       6: source.css.tailwind
+^^^^^^^^                               2: keyword.control.at-rule.utility.tailwind
+^                                      1: punctuation.definition.keyword.css
+         ^^^^^                         1: variable.parameter.utility.tailwind
+               ^                       1: meta.at-rule.utility.body.tailwind punctuation.section.utility.begin.bracket.curly.tailwind
+
+  tab-size: --value(--);
+^^^^^^^^^^^^^^^^^^^^^^^^               9: source.css.tailwind meta.at-rule.utility.body.tailwind
+  ^^^^^^^^                             1: meta.property-name.css support.type.property-name.css
+          ^                            1: punctuation.separator.key-value.css
+            ^^^^^^^^^^^                4: meta.property-value.css
+            ^^^^^^^                    1: support.function.value.tailwind
+                   ^                   1: punctuation.section.function.begin.bracket.round.css
+                    ^^                 1: variable.parameter.value.tailwind
+                      ^                1: punctuation.section.function.end.bracket.round.css
+                       ^               1: punctuation.terminator.rule.css
+
+  font-size: 12px;
+^^^^^^^^^^^^^^^^^^                     7: source.css.tailwind meta.at-rule.utility.body.tailwind
+  ^^^^^^^^^                            1: meta.property-name.css support.type.property-name.css
+           ^                           1: punctuation.separator.key-value.css
+             ^^^^                      2: meta.property-value.css constant.numeric.css
+               ^^                      1: keyword.other.unit.px.css
+                 ^                     1: punctuation.terminator.rule.css
+
+}
+^                                      1: source.css.tailwind meta.at-rule.utility.body.tailwind punctuation.section.utility.end.bracket.curly.tailwind
+
+
+^                                      1: source.css.tailwind
+
+@utility tab-* {
+^^^^^^^^^^^^^^^^                       6: source.css.tailwind
+^^^^^^^^                               2: keyword.control.at-rule.utility.tailwind
+^                                      1: punctuation.definition.keyword.css
+         ^^^^^                         1: variable.parameter.utility.tailwind
+               ^                       1: meta.at-rule.utility.body.tailwind punctuation.section.utility.begin.bracket.curly.tailwind
+
+  tab-size: --value(--tab-size);
+^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^       9: source.css.tailwind meta.at-rule.utility.body.tailwind
+  ^^^^^^^^                             1: meta.property-name.css support.type.property-name.css
+          ^                            1: punctuation.separator.key-value.css
+            ^^^^^^^^^^^^^^^^^^^        4: meta.property-value.css
+            ^^^^^^^                    1: support.function.value.tailwind
+                   ^                   1: punctuation.section.function.begin.bracket.round.css
+                    ^^^^^^^^^^         1: variable.theme-namespace.css
+                              ^        1: punctuation.section.function.end.bracket.round.css
+                               ^       1: punctuation.terminator.rule.css
+
+  font-size: 12px;
+^^^^^^^^^^^^^^^^^^                     7: source.css.tailwind meta.at-rule.utility.body.tailwind
+  ^^^^^^^^^                            1: meta.property-name.css support.type.property-name.css
+           ^                           1: punctuation.separator.key-value.css
+             ^^^^                      2: meta.property-value.css constant.numeric.css
+               ^^                      1: keyword.other.unit.px.css
+                 ^                     1: punctuation.terminator.rule.css
+
+}
+^                                      1: source.css.tailwind meta.at-rule.utility.body.tailwind punctuation.section.utility.end.bracket.curly.tailwind
+
+
+^                                      1: source.css.tailwind
+
+@utility tab-* {
+^^^^^^^^^^^^^^^^                       6: source.css.tailwind
+^^^^^^^^                               2: keyword.control.at-rule.utility.tailwind
+^                                      1: punctuation.definition.keyword.css
+         ^^^^^                         1: variable.parameter.utility.tailwind
+               ^                       1: meta.at-rule.utility.body.tailwind punctuation.section.utility.begin.bracket.curly.tailwind
+
+  tab-size: --value(--tab-size-*);
+^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^     9: source.css.tailwind meta.at-rule.utility.body.tailwind
+  ^^^^^^^^                             1: meta.property-name.css support.type.property-name.css
+          ^                            1: punctuation.separator.key-value.css
+            ^^^^^^^^^^^^^^^^^^^^^      4: meta.property-value.css
+            ^^^^^^^                    1: support.function.value.tailwind
+                   ^                   1: punctuation.section.function.begin.bracket.round.css
+                    ^^^^^^^^^^^^       1: variable.theme-namespace.css
+                                ^      1: punctuation.section.function.end.bracket.round.css
+                                 ^     1: punctuation.terminator.rule.css
+
+  font-size: 12px;
+^^^^^^^^^^^^^^^^^^                     7: source.css.tailwind meta.at-rule.utility.body.tailwind
+  ^^^^^^^^^                            1: meta.property-name.css support.type.property-name.css
+           ^                           1: punctuation.separator.key-value.css
+             ^^^^                      2: meta.property-value.css constant.numeric.css
+               ^^                      1: keyword.other.unit.px.css
+                 ^                     1: punctuation.terminator.rule.css
+
+}
+^                                      1: source.css.tailwind meta.at-rule.utility.body.tailwind punctuation.section.utility.end.bracket.curly.tailwind
 "
 `;
 
diff --git a/packages/tailwindcss-language-syntax/tests/syntax.test.ts b/packages/tailwindcss-language-syntax/tests/syntax.test.ts
index 20941760..a1d49d76 100644
--- a/packages/tailwindcss-language-syntax/tests/syntax.test.ts
+++ b/packages/tailwindcss-language-syntax/tests/syntax.test.ts
@@ -181,6 +181,21 @@ test('@utility', async ({ expect }) => {
     @utility functional-* {
       width: calc(--value(number) * 1px);
     }
+
+    @utility tab-* {
+      tab-size: --value(--);
+      font-size: 12px;
+    }
+
+    @utility tab-* {
+      tab-size: --value(--tab-size);
+      font-size: 12px;
+    }
+
+    @utility tab-* {
+      tab-size: --value(--tab-size-*);
+      font-size: 12px;
+    }
   `)
 
   expect(result.toString()).toMatchSnapshot()
diff --git a/packages/vscode-tailwindcss/syntaxes/theme-fn.tmLanguage.json b/packages/vscode-tailwindcss/syntaxes/theme-fn.tmLanguage.json
index 0e02015f..04c573dd 100644
--- a/packages/vscode-tailwindcss/syntaxes/theme-fn.tmLanguage.json
+++ b/packages/vscode-tailwindcss/syntaxes/theme-fn.tmLanguage.json
@@ -147,7 +147,7 @@
           "name": "punctuation.separator.list.comma.css"
         },
         {
-          "match": "(--[^,\\s]+)",
+          "match": "(--[^,\\s)]+)",
           "name": "variable.theme-namespace.css"
         },
         { "include": "#utility-data-type-bare" },