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])",