Fix syntax highlighting of @plugin with options

Author: thecrypticace

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

@@ -212,37 +212,40 @@ test('@plugin with options', async ({ expect }) => {
             ^^^^^^^^^       3: string.quoted.double.css
             ^               1: punctuation.definition.string.begin.css
                     ^       1: punctuation.definition.string.end.css
-                      ^     1: meta.at-rule.plugin.body.tailwind punctuation.section.plugin.begin.bracket.curly.tailwind
+                      ^     1: meta.property-list.css punctuation.section.property-list.begin.bracket.curly.css
 
       color: red;
-    ^^^^^^^^^^^^^           6: source.css.tailwind meta.at-rule.plugin.body.tailwind
+    ^^^^^^^^^^^^^           6: source.css.tailwind 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 support.constant.color.w3c-standard-color-name.css
                 ^           1: punctuation.terminator.rule.css
 
     }
-    ^                       1: source.css.tailwind meta.at-rule.plugin.body.tailwind punctuation.section.plugin.end.bracket.curly.tailwind
+    ^                       1: source.css.tailwind meta.property-list.css punctuation.section.property-list.end.bracket.curly.css
 
 
     ^                       1: source.css.tailwind
 
     html,
-    ^^^^^^                  1: source.css.tailwind
+    ^^^^^                   2: source.css.tailwind meta.selector.css
+    ^^^^                    1: entity.name.tag.css
+        ^                   1: punctuation.separator.list.comma.css
 
     body {
-    ^^^^^^                  2: source.css.tailwind
-         ^                  1: meta.at-rule.plugin.body.tailwind punctuation.section.plugin.begin.bracket.curly.tailwind
+    ^^^^^^                  3: source.css.tailwind
+    ^^^^                    1: meta.selector.css entity.name.tag.css
+         ^                  1: meta.property-list.css punctuation.section.property-list.begin.bracket.curly.css
 
       color: red;
-    ^^^^^^^^^^^^^           6: source.css.tailwind meta.at-rule.plugin.body.tailwind
+    ^^^^^^^^^^^^^           6: source.css.tailwind 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 support.constant.color.w3c-standard-color-name.css
                 ^           1: punctuation.terminator.rule.css
 
     }
-    ^                       1: source.css.tailwind meta.at-rule.plugin.body.tailwind punctuation.section.plugin.end.bracket.curly.tailwind
+    ^                       1: source.css.tailwind meta.property-list.css punctuation.section.property-list.end.bracket.curly.css
     "
   `)
 })

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

@@ -204,7 +204,7 @@
           "name": "punctuation.definition.keyword.tailwind"
         }
       },
-      "end": ";",
+      "end": ";|(?=[@{])",
       "endCaptures": {
         "0": {
           "name": "punctuation.terminator.rule.css"