tailwindcss 0.0.0-insiders.27e4b65 → 0.0.0-insiders.28bd90e

package/lib/cli/build/plugin.js

@@ -167,17 +167,10 @@ let state = {
         // TODO: When we make the postcss plugin async-capable this can become async
         let files = _fastglob.default.sync(this.contentPatterns.all);
         for (let file of files){
-            if (false) {
-                content.push({
-                    file,
-                    extension: _path.default.extname(file).slice(1)
-                });
-            } else {
-                content.push({
-                    content: _fs.default.readFileSync(_path.default.resolve(file), "utf8"),
-                    extension: _path.default.extname(file).slice(1)
-                });
-            }
+            content.push({
+                content: _fs.default.readFileSync(_path.default.resolve(file), "utf8"),
+                extension: _path.default.extname(file).slice(1)
+            });
         }
         // Resolve raw content in the tailwind config
         let rawContent = this.config.content.files.filter((file)=>{

package/lib/cli.js

@@ -1,7 +1,3 @@
 #!/usr/bin/env node
 "use strict";
-if (false) {
-    module.exports = require("./oxide/cli");
-} else {
-    module.exports = require("./cli/index");
-}
+module.exports = require("./cli/index");

package/lib/corePlugins.js

@@ -325,7 +325,7 @@ let variantPlugins = {
             addVariant("dark", selector);
         } else if (mode === "class") {
             // Old behavior
-            addVariant("dark", `:is(${selector} &)`);
+            addVariant("dark", `&:is(${selector} *)`);
         }
     },
     printVariant: ({ addVariant  })=>{
@@ -443,7 +443,7 @@ let variantPlugins = {
         matchVariant("supports", (value = "")=>{
             let check = (0, _dataTypes.normalize)(value);
             let isRaw = /^\w*\s*\(/.test(check);
-            // Chrome has a bug where `(condtion1)or(condition2)` is not valid
+            // Chrome has a bug where `(condition1)or(condition2)` is not valid
             // But `(condition1) or (condition2)` is supported.
             check = isRaw ? check.replace(/\b(and|or|not)\b/g, " $1 ") : check;
             if (isRaw) {
@@ -460,42 +460,51 @@ let variantPlugins = {
             values: (_theme = theme("supports")) !== null && _theme !== void 0 ? _theme : {}
         });
     },
-    hasVariants: ({ matchVariant  })=>{
+    hasVariants: ({ matchVariant , prefix  })=>{
         matchVariant("has", (value)=>`&:has(${(0, _dataTypes.normalize)(value)})`, {
-            values: {}
+            values: {},
+            [_setupContextUtils.INTERNAL_FEATURES]: {
+                respectPrefix: false
+            }
         });
-        matchVariant("group-has", (value, { modifier  })=>modifier ? `:merge(.group\\/${modifier}):has(${(0, _dataTypes.normalize)(value)}) &` : `:merge(.group):has(${(0, _dataTypes.normalize)(value)}) &`, {
-            values: {}
+        matchVariant("group-has", (value, { modifier  })=>modifier ? `:merge(${prefix(".group")}\\/${modifier}):has(${(0, _dataTypes.normalize)(value)}) &` : `:merge(${prefix(".group")}):has(${(0, _dataTypes.normalize)(value)}) &`, {
+            values: {},
+            [_setupContextUtils.INTERNAL_FEATURES]: {
+                respectPrefix: false
+            }
         });
-        matchVariant("peer-has", (value, { modifier  })=>modifier ? `:merge(.peer\\/${modifier}):has(${(0, _dataTypes.normalize)(value)}) ~ &` : `:merge(.peer):has(${(0, _dataTypes.normalize)(value)}) ~ &`, {
-            values: {}
+        matchVariant("peer-has", (value, { modifier  })=>modifier ? `:merge(${prefix(".peer")}\\/${modifier}):has(${(0, _dataTypes.normalize)(value)}) ~ &` : `:merge(${prefix(".peer")}):has(${(0, _dataTypes.normalize)(value)}) ~ &`, {
+            values: {},
+            [_setupContextUtils.INTERNAL_FEATURES]: {
+                respectPrefix: false
+            }
         });
     },
     ariaVariants: ({ matchVariant , theme  })=>{
         var _theme;
-        matchVariant("aria", (value)=>`&[aria-${(0, _dataTypes.normalize)(value)}]`, {
+        matchVariant("aria", (value)=>`&[aria-${(0, _dataTypes.normalizeAttributeSelectors)((0, _dataTypes.normalize)(value))}]`, {
             values: (_theme = theme("aria")) !== null && _theme !== void 0 ? _theme : {}
         });
         var _theme1;
-        matchVariant("group-aria", (value, { modifier  })=>modifier ? `:merge(.group\\/${modifier})[aria-${(0, _dataTypes.normalize)(value)}] &` : `:merge(.group)[aria-${(0, _dataTypes.normalize)(value)}] &`, {
+        matchVariant("group-aria", (value, { modifier  })=>modifier ? `:merge(.group\\/${modifier})[aria-${(0, _dataTypes.normalizeAttributeSelectors)((0, _dataTypes.normalize)(value))}] &` : `:merge(.group)[aria-${(0, _dataTypes.normalizeAttributeSelectors)((0, _dataTypes.normalize)(value))}] &`, {
             values: (_theme1 = theme("aria")) !== null && _theme1 !== void 0 ? _theme1 : {}
         });
         var _theme2;
-        matchVariant("peer-aria", (value, { modifier  })=>modifier ? `:merge(.peer\\/${modifier})[aria-${(0, _dataTypes.normalize)(value)}] ~ &` : `:merge(.peer)[aria-${(0, _dataTypes.normalize)(value)}] ~ &`, {
+        matchVariant("peer-aria", (value, { modifier  })=>modifier ? `:merge(.peer\\/${modifier})[aria-${(0, _dataTypes.normalizeAttributeSelectors)((0, _dataTypes.normalize)(value))}] ~ &` : `:merge(.peer)[aria-${(0, _dataTypes.normalizeAttributeSelectors)((0, _dataTypes.normalize)(value))}] ~ &`, {
             values: (_theme2 = theme("aria")) !== null && _theme2 !== void 0 ? _theme2 : {}
         });
     },
     dataVariants: ({ matchVariant , theme  })=>{
         var _theme;
-        matchVariant("data", (value)=>`&[data-${(0, _dataTypes.normalize)(value)}]`, {
+        matchVariant("data", (value)=>`&[data-${(0, _dataTypes.normalizeAttributeSelectors)((0, _dataTypes.normalize)(value))}]`, {
             values: (_theme = theme("data")) !== null && _theme !== void 0 ? _theme : {}
         });
         var _theme1;
-        matchVariant("group-data", (value, { modifier  })=>modifier ? `:merge(.group\\/${modifier})[data-${(0, _dataTypes.normalize)(value)}] &` : `:merge(.group)[data-${(0, _dataTypes.normalize)(value)}] &`, {
+        matchVariant("group-data", (value, { modifier  })=>modifier ? `:merge(.group\\/${modifier})[data-${(0, _dataTypes.normalizeAttributeSelectors)((0, _dataTypes.normalize)(value))}] &` : `:merge(.group)[data-${(0, _dataTypes.normalizeAttributeSelectors)((0, _dataTypes.normalize)(value))}] &`, {
             values: (_theme1 = theme("data")) !== null && _theme1 !== void 0 ? _theme1 : {}
         });
         var _theme2;
-        matchVariant("peer-data", (value, { modifier  })=>modifier ? `:merge(.peer\\/${modifier})[data-${(0, _dataTypes.normalize)(value)}] ~ &` : `:merge(.peer)[data-${(0, _dataTypes.normalize)(value)}] ~ &`, {
+        matchVariant("peer-data", (value, { modifier  })=>modifier ? `:merge(.peer\\/${modifier})[data-${(0, _dataTypes.normalizeAttributeSelectors)((0, _dataTypes.normalize)(value))}] ~ &` : `:merge(.peer)[data-${(0, _dataTypes.normalizeAttributeSelectors)((0, _dataTypes.normalize)(value))}] ~ &`, {
             values: (_theme2 = theme("data")) !== null && _theme2 !== void 0 ? _theme2 : {}
         });
     },
@@ -794,7 +803,9 @@ let corePlugins = {
                 "gridColumnStart"
             ]
         ]
-    ]),
+    ], {
+        supportsNegativeValues: true
+    }),
     gridColumnEnd: (0, _createUtilityPlugin.default)("gridColumnEnd", [
         [
             "col-end",
@@ -802,7 +813,9 @@ let corePlugins = {
                 "gridColumnEnd"
             ]
         ]
-    ]),
+    ], {
+        supportsNegativeValues: true
+    }),
     gridRow: (0, _createUtilityPlugin.default)("gridRow", [
         [
             "row",
@@ -818,7 +831,9 @@ let corePlugins = {
                 "gridRowStart"
             ]
         ]
-    ]),
+    ], {
+        supportsNegativeValues: true
+    }),
     gridRowEnd: (0, _createUtilityPlugin.default)("gridRowEnd", [
         [
             "row-end",
@@ -826,7 +841,9 @@ let corePlugins = {
                 "gridRowEnd"
             ]
         ]
-    ]),
+    ], {
+        supportsNegativeValues: true
+    }),
     float: ({ addUtilities  })=>{
         addUtilities({
             ".float-start": {
@@ -2022,15 +2039,6 @@ let corePlugins = {
         matchUtilities({
             "space-x": (value)=>{
                 value = value === "0" ? "0px" : value;
-                if (false) {
-                    return {
-                        "& > :not([hidden]) ~ :not([hidden])": {
-                            "--tw-space-x-reverse": "0",
-                            "margin-inline-end": `calc(${value} * var(--tw-space-x-reverse))`,
-                            "margin-inline-start": `calc(${value} * calc(1 - var(--tw-space-x-reverse)))`
-                        }
-                    };
-                }
                 return {
                     "& > :not([hidden]) ~ :not([hidden])": {
                         "--tw-space-x-reverse": "0",
@@ -2066,16 +2074,6 @@ let corePlugins = {
         matchUtilities({
             "divide-x": (value)=>{
                 value = value === "0" ? "0px" : value;
-                if (false) {
-                    return {
-                        "& > :not([hidden]) ~ :not([hidden])": {
-                            "@defaults border-width": {},
-                            "--tw-divide-x-reverse": "0",
-                            "border-inline-end-width": `calc(${value} * var(--tw-divide-x-reverse))`,
-                            "border-inline-start-width": `calc(${value} * calc(1 - var(--tw-divide-x-reverse)))`
-                        }
-                    };
-                }
                 return {
                     "& > :not([hidden]) ~ :not([hidden])": {
                         "@defaults border-width": {},
@@ -3708,7 +3706,7 @@ let corePlugins = {
             `var(--tw-shadow)`
         ].join(", ");
         return function({ matchUtilities , addDefaults , theme  }) {
-            addDefaults(" box-shadow", {
+            addDefaults("box-shadow", {
                 "--tw-ring-offset-shadow": "0 0 #0000",
                 "--tw-ring-shadow": "0 0 #0000",
                 "--tw-shadow": "0 0 #0000",
@@ -3931,7 +3929,7 @@ let corePlugins = {
         matchUtilities({
             blur: (value)=>{
                 return {
-                    "--tw-blur": `blur(${value})`,
+                    "--tw-blur": value.trim() === "" ? " " : `blur(${value})`,
                     "@defaults filter": {},
                     filter: cssFilterValue
                 };
@@ -4071,8 +4069,9 @@ let corePlugins = {
         matchUtilities({
             "backdrop-blur": (value)=>{
                 return {
-                    "--tw-backdrop-blur": `blur(${value})`,
+                    "--tw-backdrop-blur": value.trim() === "" ? " " : `blur(${value})`,
                     "@defaults backdrop-filter": {},
+                    "-webkit-backdrop-filter": cssBackdropFilterValue,
                     "backdrop-filter": cssBackdropFilterValue
                 };
             }
@@ -4086,6 +4085,7 @@ let corePlugins = {
                 return {
                     "--tw-backdrop-brightness": `brightness(${value})`,
                     "@defaults backdrop-filter": {},
+                    "-webkit-backdrop-filter": cssBackdropFilterValue,
                     "backdrop-filter": cssBackdropFilterValue
                 };
             }
@@ -4099,6 +4099,7 @@ let corePlugins = {
                 return {
                     "--tw-backdrop-contrast": `contrast(${value})`,
                     "@defaults backdrop-filter": {},
+                    "-webkit-backdrop-filter": cssBackdropFilterValue,
                     "backdrop-filter": cssBackdropFilterValue
                 };
             }
@@ -4112,6 +4113,7 @@ let corePlugins = {
                 return {
                     "--tw-backdrop-grayscale": `grayscale(${value})`,
                     "@defaults backdrop-filter": {},
+                    "-webkit-backdrop-filter": cssBackdropFilterValue,
                     "backdrop-filter": cssBackdropFilterValue
                 };
             }
@@ -4125,6 +4127,7 @@ let corePlugins = {
                 return {
                     "--tw-backdrop-hue-rotate": `hue-rotate(${value})`,
                     "@defaults backdrop-filter": {},
+                    "-webkit-backdrop-filter": cssBackdropFilterValue,
                     "backdrop-filter": cssBackdropFilterValue
                 };
             }
@@ -4139,6 +4142,7 @@ let corePlugins = {
                 return {
                     "--tw-backdrop-invert": `invert(${value})`,
                     "@defaults backdrop-filter": {},
+                    "-webkit-backdrop-filter": cssBackdropFilterValue,
                     "backdrop-filter": cssBackdropFilterValue
                 };
             }
@@ -4152,6 +4156,7 @@ let corePlugins = {
                 return {
                     "--tw-backdrop-opacity": `opacity(${value})`,
                     "@defaults backdrop-filter": {},
+                    "-webkit-backdrop-filter": cssBackdropFilterValue,
                     "backdrop-filter": cssBackdropFilterValue
                 };
             }
@@ -4165,6 +4170,7 @@ let corePlugins = {
                 return {
                     "--tw-backdrop-saturate": `saturate(${value})`,
                     "@defaults backdrop-filter": {},
+                    "-webkit-backdrop-filter": cssBackdropFilterValue,
                     "backdrop-filter": cssBackdropFilterValue
                 };
             }
@@ -4178,6 +4184,7 @@ let corePlugins = {
                 return {
                     "--tw-backdrop-sepia": `sepia(${value})`,
                     "@defaults backdrop-filter": {},
+                    "-webkit-backdrop-filter": cssBackdropFilterValue,
                     "backdrop-filter": cssBackdropFilterValue
                 };
             }
@@ -4200,9 +4207,11 @@ let corePlugins = {
         addUtilities({
             ".backdrop-filter": {
                 "@defaults backdrop-filter": {},
+                "-webkit-backdrop-filter": cssBackdropFilterValue,
                 "backdrop-filter": cssBackdropFilterValue
             },
             ".backdrop-filter-none": {
+                "-webkit-backdrop-filter": "none",
                 "backdrop-filter": "none"
             }
         });

package/lib/css/preflight.css

@@ -175,6 +175,7 @@ textarea {
   font-size: 100%; /* 1 */
   font-weight: inherit; /* 1 */
   line-height: inherit; /* 1 */
+  letter-spacing: inherit; /* 1 */
   color: inherit; /* 1 */
   margin: 0; /* 2 */
   padding: 0; /* 3 */

package/lib/featureFlags.js

@@ -29,12 +29,8 @@ function _interop_require_default(obj) {
 let defaults = {
     optimizeUniversalDefaults: false,
     generalizedModifiers: true,
-    get disableColorOpacityUtilitiesByDefault () {
-        return false;
-    },
-    get relativeContentPathsByDefault () {
-        return false;
-    }
+    disableColorOpacityUtilitiesByDefault: false,
+    relativeContentPathsByDefault: false
 };
 let featureFlags = {
     future: [

package/lib/lib/content.js

@@ -21,6 +21,7 @@ const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
 const _path = /*#__PURE__*/ _interop_require_default(require("path"));
 const _isglob = /*#__PURE__*/ _interop_require_default(require("is-glob"));
 const _fastglob = /*#__PURE__*/ _interop_require_default(require("fast-glob"));
+const _normalizepath = /*#__PURE__*/ _interop_require_default(require("normalize-path"));
 const _parseGlob = require("../util/parseGlob");
 const _sharedState = require("./sharedState");
 function _interop_require_default(obj) {
@@ -28,42 +29,11 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-/*!
- * Modified version of normalize-path, original license below
- *
- * normalize-path <https://github.com/jonschlinkert/normalize-path>
- *
- * Copyright (c) 2014-2018, Jon Schlinkert.
- * Released under the MIT License.
- */ function normalizePath(path) {
-    if (typeof path !== "string") {
-        throw new TypeError("expected path to be a string");
-    }
-    if (path === "\\" || path === "/") return "/";
-    var len = path.length;
-    if (len <= 1) return path;
-    // ensure that win32 namespaces has two leading slashes, so that the path is
-    // handled properly by the win32 version of path.parse() after being normalized
-    // https://msdn.microsoft.com/library/windows/desktop/aa365247(v=vs.85).aspx#namespaces
-    var prefix = "";
-    if (len > 4 && path[3] === "\\") {
-        var ch = path[2];
-        if ((ch === "?" || ch === ".") && path.slice(0, 2) === "\\\\") {
-            path = path.slice(2);
-            prefix = "//";
-        }
-    }
-    // Modified part: instead of purely splitting on `\\` and `/`, we split on
-    // `/` and `\\` that is _not_ followed by any of the following characters: ()[]
-    // This is to ensure that we keep the escaping of brackets and parentheses
-    let segs = path.split(/[/\\]+(?![\(\)\[\]])/);
-    return prefix + segs.join("/");
-}
 function parseCandidateFiles(context, tailwindConfig) {
     let files = tailwindConfig.content.files;
     // Normalize the file globs
     files = files.filter((filePath)=>typeof filePath === "string");
-    files = files.map(normalizePath);
+    files = files.map(_normalizepath.default);
     // Split into included and excluded globs
     let tasks = _fastglob.default.generateTasks(files);
     /** @type {ContentPath[]} */ let included = [];
@@ -90,9 +60,6 @@ function parseCandidateFiles(context, tailwindConfig) {
  * @param {boolean} ignore
  * @returns {ContentPath}
  */ function parseFilePath(filePath, ignore) {
-    // Escape special characters in the file path such as: ()[]
-    // But only if the special character isn't already escaped
-    filePath = filePath.replace(/(?<!\\)([\[\]\(\)])/g, "\\$1");
     let contentPath = {
         original: filePath,
         base: filePath,
@@ -114,7 +81,7 @@ function parseCandidateFiles(context, tailwindConfig) {
     // Afaik, this technically shouldn't be needed but there's probably
     // some internal, direct path matching with a normalized path in
     // a package which can't handle mixed directory separators
-    let base = normalizePath(contentPath.base);
+    let base = (0, _normalizepath.default)(contentPath.base);
     // If the user's file path contains any special characters (like parens) for instance fast-glob
     // is like "OOOH SHINY" and treats them as such. So we have to escape the base path to fix this
     base = _fastglob.default.escapePath(base);

package/lib/lib/defaultExtractor.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "defaultExtractor", {
     }
 });
 const _regex = /*#__PURE__*/ _interop_require_wildcard(require("./regex"));
+const _splitAtTopLevelOnly = require("../util/splitAtTopLevelOnly");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -60,6 +61,27 @@ function defaultExtractor(context) {
                 results.push(clipAtBalancedParens(result));
             }
         }
+        // Extract any subclasses from languages like Slim and Pug, eg:
+        // div.flex.px-5.underline
+        for (let result of results.slice()){
+            let segments = (0, _splitAtTopLevelOnly.splitAtTopLevelOnly)(result, ".");
+            for(let idx = 0; idx < segments.length; idx++){
+                let segment = segments[idx];
+                if (idx >= segments.length - 1) {
+                    results.push(segment);
+                    continue;
+                }
+                // If the next segment is a number, discard both, for example seeing
+                // `px-1` and `5` means the real candidate was `px-1.5` which is already
+                // captured.
+                let next = Number(segments[idx + 1]);
+                if (isNaN(next)) {
+                    results.push(segment);
+                } else {
+                    idx++;
+                }
+            }
+        }
         return results;
     };
 }
@@ -170,7 +192,7 @@ function* buildRegExps(context) {
         ]);
     }
     // 5. Inner matches
-    yield /[^<>"'`\s.(){}[\]#=%$]*[^<>"'`\s.(){}[\]#=%:$]/g;
+    yield /[^<>"'`\s.(){}[\]#=%$][^<>"'`\s(){}[\]#=%$]*[^<>"'`\s.(){}[\]#=%:$]/g;
 }
 // We want to capture any "special" characters
 // AND the characters immediately following them (if there is one)

package/lib/lib/expandApplyAtRules.js

@@ -380,6 +380,19 @@ function processApply(root, context, localCache) {
                 throw apply.error(`The \`${applyCandidate}\` class does not exist. If \`${applyCandidate}\` is a custom class, make sure it is defined within a \`@layer\` directive.`);
             }
             let rules = applyClassCache.get(applyCandidate);
+            // Verify that we can apply the class
+            for (let [, rule] of rules){
+                if (rule.type === "atrule") {
+                    continue;
+                }
+                rule.walkRules(()=>{
+                    throw apply.error([
+                        `The \`${applyCandidate}\` class cannot be used with \`@apply\` because \`@apply\` does not currently support nested CSS.`,
+                        "Rewrite the selector without nesting or configure the `tailwindcss/nesting` plugin:",
+                        "https://tailwindcss.com/docs/using-with-preprocessors#nesting"
+                    ].join("\n"));
+                });
+            }
             candidates.push([
                 applyCandidate,
                 important,

package/lib/lib/expandTailwindAtRules.js

@@ -154,37 +154,25 @@ function expandTailwindAtRules(context) {
         ]);
         let seen = new Set();
         env.DEBUG && console.time("Reading changed files");
-        if (false) {
-            // TODO: Pass through or implement `extractor`
-            for (let candidate of require("@tailwindcss/oxide").parseCandidateStringsFromFiles(context.changedContent)){
-                candidates.add(candidate);
-            }
-        // for (let { file, content, extension } of context.changedContent) {
-        //   let transformer = getTransformer(context.tailwindConfig, extension)
-        //   let extractor = getExtractor(context, extension)
-        //   getClassCandidatesOxide(file, transformer(content), extractor, candidates, seen)
-        // }
-        } else {
-            /** @type {[item: {file?: string, content?: string}, meta: {transformer: any, extractor: any}][]} */ let regexParserContent = [];
-            for (let item of context.changedContent){
-                let transformer = getTransformer(context.tailwindConfig, item.extension);
-                let extractor = getExtractor(context, item.extension);
-                regexParserContent.push([
-                    item,
-                    {
-                        transformer,
-                        extractor
-                    }
-                ]);
-            }
-            const BATCH_SIZE = 500;
-            for(let i = 0; i < regexParserContent.length; i += BATCH_SIZE){
-                let batch = regexParserContent.slice(i, i + BATCH_SIZE);
-                await Promise.all(batch.map(async ([{ file , content  }, { transformer , extractor  }])=>{
-                    content = file ? await _fs.default.promises.readFile(file, "utf8") : content;
-                    getClassCandidates(transformer(content), extractor, candidates, seen);
-                }));
-            }
+        /** @type {[item: {file?: string, content?: string}, meta: {transformer: any, extractor: any}][]} */ let regexParserContent = [];
+        for (let item of context.changedContent){
+            let transformer = getTransformer(context.tailwindConfig, item.extension);
+            let extractor = getExtractor(context, item.extension);
+            regexParserContent.push([
+                item,
+                {
+                    transformer,
+                    extractor
+                }
+            ]);
+        }
+        const BATCH_SIZE = 500;
+        for(let i = 0; i < regexParserContent.length; i += BATCH_SIZE){
+            let batch = regexParserContent.slice(i, i + BATCH_SIZE);
+            await Promise.all(batch.map(async ([{ file , content  }, { transformer , extractor  }])=>{
+                content = file ? await _fs.default.promises.readFile(file, "utf8") : content;
+                getClassCandidates(transformer(content), extractor, candidates, seen);
+            }));
         }
         env.DEBUG && console.timeEnd("Reading changed files");
         // ---
@@ -192,7 +180,7 @@ function expandTailwindAtRules(context) {
         let classCacheCount = context.classCache.size;
         env.DEBUG && console.time("Generate rules");
         env.DEBUG && console.time("Sorting candidates");
-        let sortedCandidates = false ? candidates : new Set([
+        let sortedCandidates = new Set([
             ...candidates
         ].sort((a, z)=>{
             if (a === z) return 0;

package/lib/lib/generateRules.js

@@ -519,7 +519,10 @@ function extractArbitraryProperty(classCandidate, context) {
         [
             {
                 sort,
-                layer: "utilities"
+                layer: "utilities",
+                options: {
+                    respectImportant: true
+                }
             },
             ()=>({
                     [(0, _nameClass.asClass)(classCandidate)]: {

package/lib/lib/load-config.js

@@ -31,6 +31,10 @@ function lazyJiti() {
     return jiti !== null && jiti !== void 0 ? jiti : jiti = (0, _jiti.default)(__filename, {
         interopDefault: true,
         transform: (opts)=>{
+            // Sucrase can't transform import.meta so we have to use Babel
+            if (opts.source.includes("import.meta")) {
+                return require("jiti/dist/babel.js")(opts);
+            }
             return (0, _sucrase.transform)(opts.source, {
                 transforms: [
                     "typescript",
@@ -42,6 +46,10 @@ function lazyJiti() {
 }
 function loadConfig(path) {
     let config = function() {
+        // Always use jiti for ESM or TS files
+        if (path && (path.endsWith(".mjs") || path.endsWith(".ts") || path.endsWith(".cts") || path.endsWith(".mts"))) {
+            return lazyJiti()(path);
+        }
         try {
             return path ? require(path) : {};
         } catch  {

package/lib/lib/sharedState.js

@@ -34,20 +34,12 @@ _export(exports, {
         return resolveDebug;
     }
 });
-const _packagejson = /*#__PURE__*/ _interop_require_default(require("../../package.json"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
 const env = typeof process !== "undefined" ? {
     NODE_ENV: process.env.NODE_ENV,
-    DEBUG: resolveDebug(process.env.DEBUG),
-    ENGINE: _packagejson.default.tailwindcss.engine
+    DEBUG: resolveDebug(process.env.DEBUG)
 } : {
     NODE_ENV: "production",
-    DEBUG: false,
-    ENGINE: _packagejson.default.tailwindcss.engine
+    DEBUG: false
 };
 const contextMap = new Map();
 const configContextMap = new Map();

package/lib/plugin.js

@@ -37,56 +37,6 @@ module.exports = function tailwindcss(configOrPath) {
                 }
                 await (0, _processTailwindFeatures.default)(context)(root, result);
             },
-            false && function lightningCssPlugin(_root, result) {
-                let postcss = require("postcss");
-                let lightningcss = require("lightningcss");
-                let browserslist = require("browserslist");
-                try {
-                    let transformed = lightningcss.transform({
-                        filename: result.opts.from,
-                        code: Buffer.from(result.root.toString()),
-                        minify: false,
-                        sourceMap: !!result.map,
-                        inputSourceMap: result.map ? result.map.toString() : undefined,
-                        targets: typeof process !== "undefined" && process.env.JEST_WORKER_ID ? {
-                            chrome: 106 << 16
-                        } : lightningcss.browserslistToTargets(browserslist(require("../package.json").browserslist)),
-                        drafts: {
-                            nesting: true,
-                            customMedia: true
-                        }
-                    });
-                    var _result_map;
-                    result.map = Object.assign((_result_map = result.map) !== null && _result_map !== void 0 ? _result_map : {}, {
-                        toJSON () {
-                            return transformed.map.toJSON();
-                        },
-                        toString () {
-                            return transformed.map.toString();
-                        }
-                    });
-                    result.root = postcss.parse(transformed.code.toString("utf8"));
-                } catch (err) {
-                    if (typeof process !== "undefined" && process.env.JEST_WORKER_ID) {
-                        let lines = err.source.split("\n");
-                        err = new Error([
-                            "Error formatting using Lightning CSS:",
-                            "",
-                            ...[
-                                "```css",
-                                ...lines.slice(Math.max(err.loc.line - 3, 0), err.loc.line),
-                                " ".repeat(err.loc.column - 1) + "^-- " + err.toString(),
-                                ...lines.slice(err.loc.line, err.loc.line + 2),
-                                "```"
-                            ]
-                        ].join("\n"));
-                    }
-                    if (Error.captureStackTrace) {
-                        Error.captureStackTrace(err, lightningCssPlugin);
-                    }
-                    throw err;
-                }
-            },
             _sharedState.env.DEBUG && function(root) {
                 console.timeEnd("JIT TOTAL");
                 console.log("\n");

package/lib/processTailwindFeatures.js

@@ -17,7 +17,6 @@ const _resolveDefaultsAtRules = /*#__PURE__*/ _interop_require_default(require("
 const _collapseAdjacentRules = /*#__PURE__*/ _interop_require_default(require("./lib/collapseAdjacentRules"));
 const _collapseDuplicateDeclarations = /*#__PURE__*/ _interop_require_default(require("./lib/collapseDuplicateDeclarations"));
 const _partitionApplyAtRules = /*#__PURE__*/ _interop_require_default(require("./lib/partitionApplyAtRules"));
-const _detectNesting = /*#__PURE__*/ _interop_require_default(require("./lib/detectNesting"));
 const _setupContextUtils = require("./lib/setupContextUtils");
 const _featureFlags = require("./featureFlags");
 function _interop_require_default(obj) {
@@ -28,7 +27,6 @@ function _interop_require_default(obj) {
 function processTailwindFeatures(setupContext) {
     return async function(root, result) {
         let { tailwindDirectives , applyDirectives  } = (0, _normalizeTailwindDirectives.default)(root);
-        (0, _detectNesting.default)()(root, result);
         // Partition apply rules that are found in the css
         // itself.
         (0, _partitionApplyAtRules.default)()(root, result);