Add --theme() function

Author: deathaxe

Tailwind CSS.sublime-syntax

@@ -396,3 +396,43 @@ contexts:
   tailwind-at-utility-name-content:
     - meta_scope: entity.other.utility-name.css.tailwind
     - include: identifier-content
+
+###[ TAILWIND THEME FUNCTIONS ]################################################
+
+  font-family-value-content:
+    - meta_prepend: true
+    - include: font-family-var-functions
+
+  font-family-var-functions:
+    - match: --theme(?=\()
+      scope: meta.function-call.identifier.css support.function.theme.css.tailwind
+      push:
+        - font-family-var-function-arguments-list-body
+        - var-function-arguments-identifier
+        - function-arguments-list-begin
+
+  font-family-var-function-arguments-list-body:
+    - meta_content_scope: meta.function-call.arguments.css meta.group.css
+    - include: function-arguments-prototype
+    - include: quoted-strings
+    - include: global-constants
+    - include: generic-font-names
+    - include: font-family-names
+
+  var-functions:
+    - meta_prepend: true
+    - match: --theme(?=\()
+      scope: meta.function-call.identifier.css support.function.theme.css.tailwind
+      push:
+        - var-function-arguments-defaults
+        - var-function-arguments-identifier
+        - function-arguments-list-begin
+
+  var-function:
+    - meta_prepend: true
+    - match: --theme(?=\()
+      scope: meta.function-call.identifier.css support.function.theme.css.tailwind
+      set:
+        - var-function-arguments-defaults
+        - var-function-arguments-identifier
+        - function-arguments-list-begin

tests/syntax_test_tw4.css

@@ -182,3 +182,49 @@
 /*  ^ punctuation.section.block.end.css */
 }
 /* <- meta.property-list.css meta.block.css punctuation.section.block.end.css */
+
+.theme-functions {
+
+    font-family: --theme(
+/*              ^^^^^^^^^^ meta.property-value.css */
+/*               ^^^^^^^ meta.function-call.identifier.css support.function.theme.css.tailwind */
+/*                      ^ meta.function-call.arguments.css meta.group.css punctuation.section.group.begin.css */
+        --custom-var,
+/*^^^^^^^^^^^^^^^^^^^ meta.property-value.css meta.function-call.arguments.css meta.group.css */
+/*      ^^^^^^^^^^^^ variable.other.custom-property.css */
+        ui-monospace,
+/*^^^^^^^^^^^^^^^^^^^ meta.property-value.css meta.function-call.arguments.css meta.group.css */
+/*      ^^^^^^^^^^^^ support.constant.property-value.css */
+        Consolas,
+/*^^^^^^^^^^^^^^^ meta.property-value.css meta.function-call.arguments.css meta.group.css */
+/*      ^^^^^^^^ meta.string.css string.unquoted.css */
+        'Courier New'
+/*^^^^^^^^^^^^^^^^^^^ meta.property-value.css meta.function-call.arguments.css meta.group.css */
+/*      ^^^^^^^^^^^^^ meta.string.css string.quoted.single.css */
+/*      ^ punctuation.definition.string.begin.css */
+/*                  ^ punctuation.definition.string.end.css */
+    );
+/*^^^ meta.property-value.css meta.function-call.arguments.css meta.group.css */
+/*  ^ punctuation.section.group.end.css */
+/*   ^ punctuation.terminator.rule.css */
+
+    font-feature-settings: --theme(--default-settings, normal);
+/*                         ^^^^^^^ meta.function-call.identifier.css support.function.theme.css.tailwind */
+/*                                ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ meta.function-call.arguments.css meta.group.css */
+/*                                ^ punctuation.section.group.begin.css */
+/*                                 ^^^^^^^^^^^^^^^^^^ variable.other.custom-property.css */
+/*                                                   ^ punctuation.separator.sequence.css */
+/*                                                     ^^^^^^ support.constant.property-value.css */
+/*                                                           ^ punctuation.section.group.end.css */
+/*                                                            ^ punctuation.terminator.rule.css */
+
+    color: --theme(--theme-color, red);
+/*         ^^^^^^^ meta.function-call.identifier.css support.function.theme.css.tailwind */
+/*                ^^^^^^^^^^^^^^^^^^^^ meta.function-call.arguments.css meta.group.css */
+/*                ^ punctuation.section.group.begin.css */
+/*                 ^^^^^^^^^^^^^ variable.other.custom-property.css */
+/*                              ^ punctuation.separator.sequence.css */
+/*                                ^^^ support.constant.color.w3c.standard.css */
+/*                                   ^ punctuation.section.group.end.css */
+/*                                    ^ punctuation.terminator.rule.css */
+}