Handle at-rules more properly inside @theme

Author: thecrypticace

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

@@ -833,46 +833,55 @@ exports[`@theme 1`] = `
 ^                                      1: source.css.tailwind meta.at-rule.theme.body.tailwind
 
   @keyframes pulse {
-^^^^^^^^^^^^^^^^^^^^^                  5: source.css.tailwind meta.at-rule.theme.body.tailwind
-   ^^^^^^^^^ ^^^^^                     2: meta.property-name.css
+^^^^^^^^^^^^^^^^^^^^                   7: source.css.tailwind meta.at-rule.theme.body.tailwind
+  ^^^^^^^^^^^^^^^^                     4: meta.at-rule.keyframes.header.css
+  ^^^^^^^^^^                           2: keyword.control.at-rule.keyframes.css
+  ^                                    1: punctuation.definition.keyword.css
+             ^^^^^                     1: variable.parameter.keyframe-list.css
+                   ^                   1: meta.at-rule.keyframes.body.css punctuation.section.keyframes.begin.bracket.curly.css
 
     0%,
-^^^^^^^^                               1: source.css.tailwind meta.at-rule.theme.body.tailwind
+^^^^^^^^                               3: source.css.tailwind meta.at-rule.theme.body.tailwind meta.at-rule.keyframes.body.css
+    ^^                                 1: entity.other.keyframe-offset.percentage.css
 
     100% {
-^^^^^^^^^^^                            1: source.css.tailwind meta.at-rule.theme.body.tailwind
+^^^^^^^^^^                             4: source.css.tailwind meta.at-rule.theme.body.tailwind meta.at-rule.keyframes.body.css
+    ^^^^                               1: entity.other.keyframe-offset.percentage.css
+         ^                             1: meta.property-list.css punctuation.section.property-list.begin.bracket.curly.css
 
       opacity: 0;
-^^^^^^^^^^^^^^^^^                      6: source.css.tailwind meta.at-rule.theme.body.tailwind
+^^^^^^^^^^^^^^^^^                      6: source.css.tailwind meta.at-rule.theme.body.tailwind meta.at-rule.keyframes.body.css meta.property-list.css
       ^^^^^^^                          1: meta.property-name.css support.type.property-name.css
              ^                         1: punctuation.separator.key-value.css
                ^                       1: meta.property-value.css constant.numeric.css
                 ^                      1: punctuation.terminator.rule.css
 
     }
-^^^^^                                  2: source.css.tailwind meta.at-rule.theme.body.tailwind
-    ^                                  1: punctuation.section.theme.end.bracket.curly.tailwind
+^^^^^                                  2: source.css.tailwind meta.at-rule.theme.body.tailwind meta.at-rule.keyframes.body.css meta.property-list.css
+    ^                                  1: punctuation.section.property-list.end.bracket.curly.css
 
     50% {
-^^^^^^^^^                              2: source.css.tailwind
+^^^^^^^^^                              4: source.css.tailwind meta.at-rule.theme.body.tailwind meta.at-rule.keyframes.body.css
+    ^^^                                1: entity.other.keyframe-offset.percentage.css
         ^                              1: meta.property-list.css punctuation.section.property-list.begin.bracket.curly.css
 
       opacity: 1;
-^^^^^^^^^^^^^^^^^                      6: source.css.tailwind meta.property-list.css
+^^^^^^^^^^^^^^^^^                      6: source.css.tailwind meta.at-rule.theme.body.tailwind meta.at-rule.keyframes.body.css meta.property-list.css
       ^^^^^^^                          1: meta.property-name.css support.type.property-name.css
              ^                         1: punctuation.separator.key-value.css
                ^                       1: meta.property-value.css constant.numeric.css
                 ^                      1: punctuation.terminator.rule.css
 
     }
-^^^^^                                  2: source.css.tailwind meta.property-list.css
+^^^^^                                  2: source.css.tailwind meta.at-rule.theme.body.tailwind meta.at-rule.keyframes.body.css meta.property-list.css
     ^                                  1: punctuation.section.property-list.end.bracket.curly.css
 
   }
-^^^^                                   1: source.css.tailwind
+^^^                                    2: source.css.tailwind meta.at-rule.theme.body.tailwind meta.at-rule.keyframes.body.css
+  ^                                    1: punctuation.section.keyframes.end.bracket.curly.css
 
 }
-^^                                     1: source.css.tailwind
+^                                      1: source.css.tailwind meta.at-rule.theme.body.tailwind punctuation.section.theme.end.bracket.curly.tailwind
 
 
 ^                                      1: source.css.tailwind

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

@@ -540,6 +540,9 @@
         {
           "match": ";",
           "name": "punctuation.terminator.rule.css"
+        },
+        {
+          "include": "source.css#at-rules"
         }
       ]
     },