Fix highlighting of @utility body

Author: thecrypticace

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

@@ -279,13 +279,18 @@ test('@utility', async ({ expect }) => {
                     ^                      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
+    ^^^^^^^^^^^^^^                         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 meta.at-rule.utility.body.tailwind punctuation.section.utility.end.bracket.curly.tailwind
 
 
-    ^                                       1: source.css.tailwind
+    ^                                      1: source.css.tailwind
 
     @utility functional-* {
     ^^^^^^^^^^^^^^^^^^^^^^^                6: source.css.tailwind
@@ -295,10 +300,20 @@ test('@utility', async ({ expect }) => {
                           ^                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
+    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 13: 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
+             ^^^^^^^^^^^^^^^^^^^^^^^^^^    7: meta.property-value.css
+             ^^^^^^^^^^^^^^^^^^^^          4: meta.function.calc.css
+             ^^^^                          1: support.function.calc.css
+                 ^                         1: punctuation.section.function.begin.bracket.round.css
+                                ^          1: punctuation.section.function.end.bracket.round.css
+                                    ^^^    2: 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 meta.at-rule.utility.body.tailwind punctuation.section.utility.end.bracket.curly.tailwind
     "
   `)
 })

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

@@ -408,7 +408,7 @@
           "name": "meta.at-rule.utility.body.tailwind",
           "patterns": [
             {
-              "include": "source.css#rule-list"
+              "include": "source.css#rule-list-innards"
             }
           ]
         }