Fix highlighting of @utility body

Author: thecrypticace

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

@@ -851,33 +851,48 @@ exports[`@theme 1`] = `
 exports[`@utility 1`] = `
 "
 @utility custom {
-^^^^^^^^^^^^^^^^^                       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
+^^^^^^^^^^^^^^^^^                      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
+^^^^^^^^^^^^^^                         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
-^^^^^^^^                                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
+^^^^^^^^^^^^^^^^^^^^^^^                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
+^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 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"
             }
           ]
         }