tailwindcss 0.0.0-insiders.fb85c8f → 0.0.0-insiders.fbb86a2

package/lib/corePlugins.js

@@ -268,8 +268,8 @@ let variantPlugins = {
         }
     },
     directionVariants: ({ addVariant })=>{
-        addVariant('ltr', ':is([dir="ltr"] &)');
-        addVariant('rtl', ':is([dir="rtl"] &)');
+        addVariant('ltr', ':is(:where([dir="ltr"]) &)');
+        addVariant('rtl', ':is(:where([dir="rtl"]) &)');
     },
     reducedMotionVariants: ({ addVariant })=>{
         addVariant('motion-safe', '@media (prefers-reduced-motion: no-preference)');
@@ -286,7 +286,7 @@ let variantPlugins = {
             ]);
         }
         if (mode === 'class') {
-            addVariant('dark', `:is(${className} &)`);
+            addVariant('dark', `:is(:where(${className}) &)`);
         } else if (mode === 'media') {
             addVariant('dark', '@media (prefers-color-scheme: dark)');
         }

package/lib/lib/generateRules.js

@@ -163,6 +163,9 @@ function applyImportant(matches, classCandidate) {
         return matches;
     }
     let result = [];
+    function isInKeyframes(rule) {
+        return rule.parent && rule.parent.type === 'atrule' && rule.parent.name === 'keyframes';
+    }
     for (let [meta, rule] of matches){
         let container = _postcss.default.root({
             nodes: [
@@ -170,6 +173,11 @@ function applyImportant(matches, classCandidate) {
             ]
         });
         container.walkRules((r)=>{
+            // Declarations inside keyframes cannot be marked as important
+            // They will be ignored by the browser
+            if (isInKeyframes(r)) {
+                return;
+            }
             let ast = (0, _postcssselectorparser.default)().astSync(r.selector);
             // Remove extraneous selectors that do not include the base candidate
             ast.each((sel)=>(0, _formatVariantSelector.eliminateIrrelevantSelectors)(sel, classCandidate));

package/lib/lib/load-config.js

@@ -25,7 +25,7 @@ function _interop_require_default(obj) {
 }
 let jiti = null;
 function useCustomJiti(_jiti) {
-    jiti = _jiti;
+    jiti = _jiti();
 }
 function lazyJiti() {
     return jiti !== null && jiti !== void 0 ? jiti : jiti = (0, _jiti.default)(__filename, {

package/lib/lib/setupContextUtils.js

@@ -751,14 +751,14 @@ function resolvePlugins(context, root) {
     ];
     let afterVariants = [
         _corePlugins.variantPlugins['supportsVariants'],
-        _corePlugins.variantPlugins['directionVariants'],
         _corePlugins.variantPlugins['reducedMotionVariants'],
         _corePlugins.variantPlugins['prefersContrastVariants'],
-        _corePlugins.variantPlugins['darkVariants'],
-        _corePlugins.variantPlugins['forcedColorsVariants'],
         _corePlugins.variantPlugins['printVariant'],
         _corePlugins.variantPlugins['screenVariants'],
-        _corePlugins.variantPlugins['orientationVariants']
+        _corePlugins.variantPlugins['orientationVariants'],
+        _corePlugins.variantPlugins['directionVariants'],
+        _corePlugins.variantPlugins['darkVariants'],
+        _corePlugins.variantPlugins['forcedColorsVariants']
     ];
     return [
         ...corePluginList,

package/lib/util/dataTypes.js

@@ -141,7 +141,13 @@ function normalize(value, context = null, isRoot = true) {
         'keyboard-inset-bottom',
         'keyboard-inset-left',
         'keyboard-inset-width',
-        'keyboard-inset-height'
+        'keyboard-inset-height',
+        'radial-gradient',
+        'linear-gradient',
+        'conic-gradient',
+        'repeating-radial-gradient',
+        'repeating-linear-gradient',
+        'repeating-conic-gradient'
     ];
     return value.replace(/(calc|min|max|clamp)\(.+\)/g, (match)=>{
         let result = '';
@@ -187,6 +193,10 @@ function normalize(value, context = null, isRoot = true) {
                 result += consumeUntil([
                     ')'
                 ]);
+            } else if (peek('[')) {
+                result += consumeUntil([
+                    ']'
+                ]);
             } else if ([
                 '+',
                 '-',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwindcss",
-  "version": "0.0.0-insiders.fb85c8f",
+  "version": "0.0.0-insiders.fbb86a2",
   "description": "A utility-first CSS framework for rapidly building custom user interfaces.",
   "license": "MIT",
   "main": "lib/index.js",
@@ -44,11 +44,11 @@
   ],
   "devDependencies": {
     "@swc/cli": "^0.1.63",
-    "@swc/core": "^1.3.95",
+    "@swc/core": "^1.3.101",
     "@swc/jest": "^0.2.29",
     "@swc/register": "^0.1.10",
     "concurrently": "^8.0.1",
-    "eslint": "^8.55.0",
+    "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^4.2.1",
     "jest": "^29.7.0",
@@ -56,11 +56,11 @@
     "prettier": "^2.8.8",
     "rimraf": "^5.0.0",
     "source-map-js": "^1.0.2",
-    "turbo": "^1.10.16"
+    "turbo": "^1.11.2"
   },
   "dependencies": {
     "@alloc/quick-lru": "^5.2.0",
-    "@tailwindcss/oxide": "0.0.0-insiders.fb85c8f",
+    "@tailwindcss/oxide": "0.0.0-insiders.fbb86a2",
     "arg": "^5.0.2",
     "browserslist": "^4.22.2",
     "chokidar": "^3.5.3",
@@ -81,10 +81,10 @@
     "postcss-js": "^4.0.1",
     "postcss-load-config": "^4.0.2",
     "postcss-nested": "^6.0.1",
-    "postcss-selector-parser": "^6.0.12",
+    "postcss-selector-parser": "^6.0.15",
     "postcss-value-parser": "^4.2.0",
     "resolve": "^1.22.8",
-    "sucrase": "^3.34.0"
+    "sucrase": "^3.35.0"
   },
   "browserslist": [
     "defaults and supports css-variables and supports css-matches-pseudo",

package/src/corePlugins.js

@@ -206,8 +206,8 @@ export let variantPlugins = {
   },
 
   directionVariants: ({ addVariant }) => {
-    addVariant('ltr', ':is([dir="ltr"] &)')
-    addVariant('rtl', ':is([dir="rtl"] &)')
+    addVariant('ltr', ':is(:where([dir="ltr"]) &)')
+    addVariant('rtl', ':is(:where([dir="rtl"]) &)')
   },
 
   reducedMotionVariants: ({ addVariant }) => {
@@ -228,7 +228,7 @@ export let variantPlugins = {
     }
 
     if (mode === 'class') {
-      addVariant('dark', `:is(${className} &)`)
+      addVariant('dark', `:is(:where(${className}) &)`)
     } else if (mode === 'media') {
       addVariant('dark', '@media (prefers-color-scheme: dark)')
     }

package/src/lib/generateRules.js

@@ -118,10 +118,20 @@ function applyImportant(matches, classCandidate) {
 
   let result = []
 
+  function isInKeyframes(rule) {
+    return rule.parent && rule.parent.type === 'atrule' && rule.parent.name === 'keyframes'
+  }
+
   for (let [meta, rule] of matches) {
     let container = postcss.root({ nodes: [rule.clone()] })
 
     container.walkRules((r) => {
+      // Declarations inside keyframes cannot be marked as important
+      // They will be ignored by the browser
+      if (isInKeyframes(r)) {
+        return
+      }
+
       let ast = selectorParser().astSync(r.selector)
 
       // Remove extraneous selectors that do not include the base candidate

package/src/lib/load-config.ts

@@ -8,8 +8,8 @@ let jiti: ReturnType<typeof jitiFactory> | null = null
 // @internal
 // This WILL be removed in some future release
 // If you rely on this your stuff WILL break
-export function useCustomJiti(_jiti: ReturnType<typeof jitiFactory>) {
-  jiti = _jiti
+export function useCustomJiti(_jiti: () => ReturnType<typeof jitiFactory>) {
+  jiti = _jiti()
 }
 
 function lazyJiti() {

package/src/lib/setupContextUtils.js

@@ -755,14 +755,14 @@ function resolvePlugins(context, root) {
   ]
   let afterVariants = [
     variantPlugins['supportsVariants'],
-    variantPlugins['directionVariants'],
     variantPlugins['reducedMotionVariants'],
     variantPlugins['prefersContrastVariants'],
-    variantPlugins['darkVariants'],
-    variantPlugins['forcedColorsVariants'],
     variantPlugins['printVariant'],
     variantPlugins['screenVariants'],
     variantPlugins['orientationVariants'],
+    variantPlugins['directionVariants'],
+    variantPlugins['darkVariants'],
+    variantPlugins['forcedColorsVariants'],
   ]
 
   return [...corePluginList, ...beforeVariants, ...userPlugins, ...afterVariants, ...layerPlugins]

package/src/util/dataTypes.js

@@ -107,6 +107,13 @@ function normalizeMathOperatorSpacing(value) {
     'keyboard-inset-left',
     'keyboard-inset-width',
     'keyboard-inset-height',
+
+    'radial-gradient',
+    'linear-gradient',
+    'conic-gradient',
+    'repeating-radial-gradient',
+    'repeating-linear-gradient',
+    'repeating-conic-gradient',
   ]
 
   return value.replace(/(calc|min|max|clamp)\(.+\)/g, (match) => {
@@ -162,6 +169,11 @@ function normalizeMathOperatorSpacing(value) {
         result += consumeUntil([')'])
       }
 
+      // Don't break CSS grid track names
+      else if (peek('[')) {
+        result += consumeUntil([']'])
+      }
+
       // Handle operators
       else if (
         ['+', '-', '*', '/'].includes(char) &&