Add tests for comments inside @theme

Author: thecrypticace

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

@@ -873,6 +873,71 @@ exports[`@theme 1`] = `
 
 }
 ^^                                     1: source.css.tailwind
+
+
+^                                      1: source.css.tailwind
+
+@theme {
+^^^^^^^^                               4: source.css.tailwind
+^^^^^^                                 2: keyword.control.at-rule.theme.tailwind
+^                                      1: punctuation.definition.keyword.css
+       ^                               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
+
+
+^                                      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
+
+  --color-1: red;
+^^^^^^^^^^^^^^^^^                      7: source.css.tailwind meta.at-rule.theme.body.tailwind
+  ^^^^^^^^                             1: meta.property-name.css
+           ^                           1: punctuation.separator.key-value.css
+             ^^^                       1: meta.property-value.css support.constant.color.w3c-standard-color-name.css
+                ^                      1: punctuation.terminator.rule.css
+
+
+^                                      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
+
+  --color-2: green;
+^^^^^^^^^^^^^^^^^^^                    7: source.css.tailwind meta.at-rule.theme.body.tailwind
+  ^^^^^^^^                             1: meta.property-name.css
+           ^                           1: punctuation.separator.key-value.css
+             ^^^^^                     1: meta.property-value.css support.constant.color.w3c-standard-color-name.css
+                  ^                    1: punctuation.terminator.rule.css
+
+
+^                                      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
+
+  --color-2: blue;
+^^^^^^^^^^^^^^^^^^                     7: source.css.tailwind meta.at-rule.theme.body.tailwind
+  ^^^^^^^^                             1: meta.property-name.css
+           ^                           1: punctuation.separator.key-value.css
+             ^^^^                      1: meta.property-value.css support.constant.color.w3c-standard-color-name.css
+                 ^                     1: punctuation.terminator.rule.css
+
+
+^                                      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
+
+}
+^                                      1: source.css.tailwind meta.at-rule.theme.body.tailwind punctuation.section.theme.end.bracket.curly.tailwind
 "
 `;
 

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

@@ -36,6 +36,21 @@ test('@theme', async ({ expect }) => {
         }
       }
     }
+
+    @theme {
+      /** Comment 0 */
+
+      /** Comment 1 */
+      --color-1: red;
+
+      /** Comment 2 */
+      --color-2: green;
+
+      /** Comment 3 */
+      --color-2: blue;
+
+      /** Comment 4 */
+    }
   `)
 
   expect(result.toString()).toMatchSnapshot()