Fix comment highlighting

Author: thecrypticace

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

@@ -884,15 +884,19 @@ exports[`@theme 1`] = `
        ^                               1: meta.at-rule.theme.body.tailwind punctuation.section.theme.begin.bracket.curly.tailwind
 
   /** Comment 0 */
-^^^^^^^^^^^^^^^^^^^                    3: source.css.tailwind meta.at-rule.theme.body.tailwind
-      ^^^^^^^                          1: meta.property-name.css
+^^^^^^^^^^^^^^^^^^                     4: source.css.tailwind meta.at-rule.theme.body.tailwind
+  ^^^^^^^^^^^^^^^^                     3: comment.block.css
+  ^^                                   1: punctuation.definition.comment.begin.css
+                ^^                     1: punctuation.definition.comment.end.css
 
 
 ^                                      1: source.css.tailwind meta.at-rule.theme.body.tailwind
 
   /** Comment 1 */
-^^^^^^^^^^^^^^^^^^^                    3: source.css.tailwind meta.at-rule.theme.body.tailwind
-      ^^^^^^^                          1: meta.property-name.css
+^^^^^^^^^^^^^^^^^^                     4: source.css.tailwind meta.at-rule.theme.body.tailwind
+  ^^^^^^^^^^^^^^^^                     3: comment.block.css
+  ^^                                   1: punctuation.definition.comment.begin.css
+                ^^                     1: punctuation.definition.comment.end.css
 
   --color-1: red;
 ^^^^^^^^^^^^^^^^^                      7: source.css.tailwind meta.at-rule.theme.body.tailwind
@@ -905,8 +909,10 @@ exports[`@theme 1`] = `
 ^                                      1: source.css.tailwind meta.at-rule.theme.body.tailwind
 
   /** Comment 2 */
-^^^^^^^^^^^^^^^^^^^                    3: source.css.tailwind meta.at-rule.theme.body.tailwind
-      ^^^^^^^                          1: meta.property-name.css
+^^^^^^^^^^^^^^^^^^                     4: source.css.tailwind meta.at-rule.theme.body.tailwind
+  ^^^^^^^^^^^^^^^^                     3: comment.block.css
+  ^^                                   1: punctuation.definition.comment.begin.css
+                ^^                     1: punctuation.definition.comment.end.css
 
   --color-2: green;
 ^^^^^^^^^^^^^^^^^^^                    7: source.css.tailwind meta.at-rule.theme.body.tailwind
@@ -919,8 +925,10 @@ exports[`@theme 1`] = `
 ^                                      1: source.css.tailwind meta.at-rule.theme.body.tailwind
 
   /** Comment 3 */
-^^^^^^^^^^^^^^^^^^^                    3: source.css.tailwind meta.at-rule.theme.body.tailwind
-      ^^^^^^^                          1: meta.property-name.css
+^^^^^^^^^^^^^^^^^^                     4: source.css.tailwind meta.at-rule.theme.body.tailwind
+  ^^^^^^^^^^^^^^^^                     3: comment.block.css
+  ^^                                   1: punctuation.definition.comment.begin.css
+                ^^                     1: punctuation.definition.comment.end.css
 
   --color-2: blue;
 ^^^^^^^^^^^^^^^^^^                     7: source.css.tailwind meta.at-rule.theme.body.tailwind
@@ -933,8 +941,10 @@ exports[`@theme 1`] = `
 ^                                      1: source.css.tailwind meta.at-rule.theme.body.tailwind
 
   /** Comment 4 */
-^^^^^^^^^^^^^^^^^^^                    3: source.css.tailwind meta.at-rule.theme.body.tailwind
-      ^^^^^^^                          1: meta.property-name.css
+^^^^^^^^^^^^^^^^^^                     4: source.css.tailwind meta.at-rule.theme.body.tailwind
+  ^^^^^^^^^^^^^^^^                     3: comment.block.css
+  ^^                                   1: punctuation.definition.comment.begin.css
+                ^^                     1: punctuation.definition.comment.end.css
 
 }
 ^                                      1: source.css.tailwind meta.at-rule.theme.body.tailwind punctuation.section.theme.end.bracket.curly.tailwind

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

@@ -494,6 +494,9 @@
   "repository": {
     "property-list": {
       "patterns": [
+        {
+          "include": "source.css#comment-block"
+        },
         {
           "begin": "(?<![-a-zA-Z])(?=[-a-zA-Z])",
           "end": "$|(?![-a-zA-Z])",