Treat @utility name as a single token

Author: thecrypticace

packages/tailwindcss-language-syntax/tests/syntax.test.ts

@@ -272,11 +272,11 @@ test('@utility', async ({ expect }) => {
   expect(result.toString()).toMatchInlineSnapshot(`
     "
     @utility custom {
-    ^^^^^^^^^^^^^^^^^                      11: source.css.tailwind
-    ^^^^^^^^                                2: keyword.control.at-rule.utility.tailwind
-    ^                                       1: punctuation.definition.keyword.css
-             ^^^^^^                         6: variable.parameter.utility.tailwind
-                    ^                       1: meta.at-rule.utility.body.tailwind punctuation.section.utility.begin.bracket.curly.tailwind
+    ^^^^^^^^^^^^^^^^^                      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
 
       width: 12px;
     ^^^^^^^^^^^^^^^                         1: source.css.tailwind meta.at-rule.utility.body.tailwind
@@ -288,11 +288,11 @@ test('@utility', async ({ expect }) => {
     ^                                       1: source.css.tailwind
 
     @utility functional-* {
-    ^^^^^^^^^^^^^^^^^^^^^^^                17: source.css.tailwind
-    ^^^^^^^^                                2: keyword.control.at-rule.utility.tailwind
-    ^                                       1: punctuation.definition.keyword.css
-             ^^^^^^^^^^^^                  12: variable.parameter.utility.tailwind
-                          ^                 1: meta.at-rule.utility.body.tailwind punctuation.section.utility.begin.bracket.curly.tailwind
+    ^^^^^^^^^^^^^^^^^^^^^^^                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
 
       width: calc(--value(number) * 1px);
     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  1: source.css.tailwind meta.at-rule.utility.body.tailwind

packages/vscode-tailwindcss/syntaxes/at-rules.tmLanguage.json

@@ -389,7 +389,7 @@
       "end": "(?<=})(?!\\G)",
       "patterns": [
         {
-          "match": "[^\\s{,]+?",
+          "match": "[^\\s{,]+",
           "name": "variable.parameter.utility.tailwind"
         },
         {