tailwindcss 0.0.0-insiders.cdbaa74 → 0.0.0-insiders.ce7ac96

package/CHANGELOG.md

@@ -7,14 +7,30 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Added
+
+- Add `line-height` modifier support to `font-size` utilities ([#9875](https://github.com/tailwindlabs/tailwindcss/pull/9875))
+- Support using variables as arbitrary values without `var(...)` ([#9880](https://github.com/tailwindlabs/tailwindcss/pull/9880), [#9962](https://github.com/tailwindlabs/tailwindcss/pull/9962))
+- Add `--watch=always` option to prevent exit when stdin closes ([#9966](https://github.com/tailwindlabs/tailwindcss/pull/9966))
+- Add standalone CLI build for 64-bit Windows on ARM (`node16-win-arm64`) ([#10001](https://github.com/tailwindlabs/tailwindcss/pull/10001))
+
 ### Fixed
 
 - Cleanup unused `variantOrder` ([#9829](https://github.com/tailwindlabs/tailwindcss/pull/9829))
 - Fix `foo-[abc]/[def]` not being handled correctly ([#9866](https://github.com/tailwindlabs/tailwindcss/pull/9866))
+- Add container queries plugin to standalone CLI ([#9865](https://github.com/tailwindlabs/tailwindcss/pull/9865))
+- Support renaming of output files by `PostCSS` plugin. ([#9944](https://github.com/tailwindlabs/tailwindcss/pull/9944))
+- Improve return value of `resolveConfig`, unwrap `ResolvableTo` ([#9972](https://github.com/tailwindlabs/tailwindcss/pull/9972))
+- Clip unbalanced brackets in arbitrary values ([#9973](https://github.com/tailwindlabs/tailwindcss/pull/9973))
+- Don’t reorder webkit scrollbar pseudo elements ([#9991](https://github.com/tailwindlabs/tailwindcss/pull/9991))
+- Deterministic sorting of arbitrary variants ([#10016](https://github.com/tailwindlabs/tailwindcss/pull/10016))
+- Add `data` key to theme types ([#10023](https://github.com/tailwindlabs/tailwindcss/pull/10023))
+- Prevent invalid arbitrary variant selectors from failing the build ([#10059](https://github.com/tailwindlabs/tailwindcss/pull/10059))
+- Properly handle subtraction followed by a variable ([#10074](https://github.com/tailwindlabs/tailwindcss/pull/10074))
 
-### Added
+### Changed
 
-- Add container queries plugin to standalone CLI ([#9865](https://github.com/tailwindlabs/tailwindcss/pull/9865))
+- Alphabetize `theme` keys in default config ([#9953](https://github.com/tailwindlabs/tailwindcss/pull/9953))
 
 ## [3.2.4] - 2022-11-11
 

package/lib/cli/build/index.js

@@ -35,7 +35,11 @@ async function build(args, configs) {
     let configPath = args["--config"] ? args["--config"] : ((defaultPath)=>_fs.default.existsSync(defaultPath) ? defaultPath : null)(_path.default.resolve(`./${configs.tailwind}`));
     let processor = await (0, _pluginJs.createProcessor)(args, configPath);
     if (shouldWatch) {
-        /* Abort the watcher if stdin is closed to avoid zombie processes */ process.stdin.on("end", ()=>process.exit(0));
+        // Abort the watcher if stdin is closed to avoid zombie processes
+        // You can disable this behavior with --watch=always
+        if (args["--watch"] !== "always") {
+            process.stdin.on("end", ()=>process.exit(0));
+        }
         process.stdin.resume();
         await processor.watch();
     } else {

package/lib/cli/build/plugin.js

@@ -113,8 +113,8 @@ let state = {
     contextDependencies: new Set(),
     /** @type {import('../../lib/content.js').ContentPath[]} */ contentPaths: [],
     refreshContentPaths () {
-        var ref;
-        this.contentPaths = (0, _contentJs.parseCandidateFiles)(this.context, (ref = this.context) === null || ref === void 0 ? void 0 : ref.tailwindConfig);
+        var _this_context;
+        this.contentPaths = (0, _contentJs.parseCandidateFiles)(this.context, (_this_context = this.context) === null || _this_context === void 0 ? void 0 : _this_context.tailwindConfig);
     },
     get config () {
         return this.context.tailwindConfig;
@@ -184,8 +184,8 @@ let state = {
             return this.context;
         }
         _shared.env.DEBUG && console.time("Searching for config");
-        var ref;
-        let configPath = (ref = (0, _findAtConfigPathJs.findAtConfigPath)(root, result)) !== null && ref !== void 0 ? ref : cliConfigPath;
+        var _findAtConfigPath;
+        let configPath = (_findAtConfigPath = (0, _findAtConfigPathJs.findAtConfigPath)(root, result)) !== null && _findAtConfigPath !== void 0 ? _findAtConfigPath : cliConfigPath;
         _shared.env.DEBUG && console.timeEnd("Searching for config");
         _shared.env.DEBUG && console.time("Loading config");
         let config = this.loadConfig(configPath, content);
@@ -213,7 +213,7 @@ let state = {
     }
 };
 async function createProcessor(args, cliConfigPath) {
-    var ref;
+    var _args_content;
     let postcss = (0, _deps.loadPostcss)();
     let input = args["--input"];
     let output = args["--output"];
@@ -229,8 +229,8 @@ async function createProcessor(args, cliConfigPath) {
             args["--content"] = args["--purge"];
         }
     }
-    var ref1;
-    let content = (ref1 = (ref = args["--content"]) === null || ref === void 0 ? void 0 : ref.split(/(?<!{[^}]+),/)) !== null && ref1 !== void 0 ? ref1 : [];
+    var _args_content_split;
+    let content = (_args_content_split = (_args_content = args["--content"]) === null || _args_content === void 0 ? void 0 : _args_content.split(/(?<!{[^}]+),/)) !== null && _args_content_split !== void 0 ? _args_content_split : [];
     let tailwindPlugin = ()=>{
         return {
             postcssPlugin: "tailwindcss",
@@ -304,8 +304,8 @@ async function createProcessor(args, cliConfigPath) {
                 return;
             }
             return Promise.all([
-                (0, _utils.outputFile)(output, result.css),
-                result.map && (0, _utils.outputFile)(output + ".map", result.map.toString())
+                (0, _utils.outputFile)(result.opts.to, result.css),
+                result.map && (0, _utils.outputFile)(result.opts.to + ".map", result.map.toString())
             ]);
         }).then(()=>{
             let end = process.hrtime.bigint();

package/lib/cli/init/index.js

@@ -16,8 +16,8 @@ function _interopRequireDefault(obj) {
 }
 function init(args, configs) {
     let messages = [];
-    var ref;
-    let tailwindConfigLocation = _path.default.resolve((ref = args["_"][1]) !== null && ref !== void 0 ? ref : `./${configs.tailwind}`);
+    var _args___;
+    let tailwindConfigLocation = _path.default.resolve((_args___ = args["_"][1]) !== null && _args___ !== void 0 ? _args___ : `./${configs.tailwind}`);
     if (_fs.default.existsSync(tailwindConfigLocation)) {
         messages.push(`${_path.default.basename(tailwindConfigLocation)} already exists.`);
     } else {

package/lib/cli.js

@@ -72,7 +72,7 @@ let commands = {
                 description: "Output file"
             },
             "--watch": {
-                type: Boolean,
+                type: oneOf(String, Boolean),
                 description: "Watch for changes and rebuild as needed"
             },
             "--poll": {
@@ -159,8 +159,8 @@ let args = (()=>{
             ...flags,
             ...sharedFlags
         }).filter(([_key, value])=>{
-            var ref;
-            return !(value === null || value === void 0 ? void 0 : (ref = value.type) === null || ref === void 0 ? void 0 : ref.manualParsing);
+            var _value_type;
+            return !(value === null || value === void 0 ? void 0 : (_value_type = value.type) === null || _value_type === void 0 ? void 0 : _value_type.manualParsing);
         }).map(([key, value])=>[
                 key,
                 typeof value === "object" ? value.type : value
@@ -171,8 +171,8 @@ let args = (()=>{
         for(let i = result["_"].length - 1; i >= 0; --i){
             let flag = result["_"][i];
             if (!flag.startsWith("-")) continue;
-            let flagName = flag;
-            let handler = flags[flag];
+            let [flagName, flagValue] = flag.split("=");
+            let handler = flags[flagName];
             // Resolve flagName & handler
             while(typeof handler === "string"){
                 flagName = handler;
@@ -181,14 +181,24 @@ let args = (()=>{
             if (!handler) continue;
             let args = [];
             let offset = i + 1;
-            // Parse args for current flag
-            while(result["_"][offset] && !result["_"][offset].startsWith("-")){
-                args.push(result["_"][offset++]);
+            // --flag value syntax was used so we need to pull `value` from `args`
+            if (flagValue === undefined) {
+                // Parse args for current flag
+                while(result["_"][offset] && !result["_"][offset].startsWith("-")){
+                    args.push(result["_"][offset++]);
+                }
+                // Cleanup manually parsed flags + args
+                result["_"].splice(i, 1 + args.length);
+                // No args were provided, use default value defined in handler
+                // One arg was provided, use that directly
+                // Multiple args were provided so pass them all in an array
+                flagValue = args.length === 0 ? undefined : args.length === 1 ? args[0] : args;
+            } else {
+                // Remove the whole flag from the args array
+                result["_"].splice(i, 1);
             }
-            // Cleanup manually parsed flags + args
-            result["_"].splice(i, 1 + args.length);
             // Set the resolved value in the `result` object
-            result[flagName] = handler.type(args.length === 0 ? undefined : args.length === 1 ? args[0] : args, flagName);
+            result[flagName] = handler.type(flagValue, flagName);
         }
         // Ensure that the `command` is always the first argument in the `args`.
         // This is important so that we don't have to check if a default command

package/lib/corePlugins.js

@@ -277,15 +277,15 @@ let variantPlugins = {
         addVariant("print", "@media print");
     },
     screenVariants: ({ theme , addVariant , matchVariant  })=>{
-        var ref;
-        let rawScreens = (ref = theme("screens")) !== null && ref !== void 0 ? ref : {};
+        var _theme;
+        let rawScreens = (_theme = theme("screens")) !== null && _theme !== void 0 ? _theme : {};
         let areSimpleScreens = Object.values(rawScreens).every((v)=>typeof v === "string");
         let screens = (0, _normalizeScreens.normalizeScreens)(theme("screens"));
         /** @type {Set<string>} */ let unitCache = new Set([]);
         /** @param {string} value */ function units(value) {
-            var ref;
-            var ref1;
-            return (ref1 = (ref = value.match(/(\D+)$/)) === null || ref === void 0 ? void 0 : ref[1]) !== null && ref1 !== void 0 ? ref1 : "(none)";
+            var _value_match;
+            var _value_match_;
+            return (_value_match_ = (_value_match = value.match(/(\D+)$/)) === null || _value_match === void 0 ? void 0 : _value_match[1]) !== null && _value_match_ !== void 0 ? _value_match_ : "(none)";
         }
         /** @param {string} value */ function recordUnits(value) {
             if (value !== undefined) {
@@ -384,7 +384,7 @@ let variantPlugins = {
         });
     },
     supportsVariants: ({ matchVariant , theme  })=>{
-        var ref;
+        var _theme;
         matchVariant("supports", (value = "")=>{
             let check = (0, _dataTypes.normalize)(value);
             let isRaw = /^\w*\s*\(/.test(check);
@@ -402,35 +402,35 @@ let variantPlugins = {
             }
             return `@supports ${check}`;
         }, {
-            values: (ref = theme("supports")) !== null && ref !== void 0 ? ref : {}
+            values: (_theme = theme("supports")) !== null && _theme !== void 0 ? _theme : {}
         });
     },
     ariaVariants: ({ matchVariant , theme  })=>{
-        var ref;
+        var _theme;
         matchVariant("aria", (value)=>`&[aria-${(0, _dataTypes.normalize)(value)}]`, {
-            values: (ref = theme("aria")) !== null && ref !== void 0 ? ref : {}
+            values: (_theme = theme("aria")) !== null && _theme !== void 0 ? _theme : {}
         });
-        var ref1;
+        var _theme1;
         matchVariant("group-aria", (value, { modifier  })=>modifier ? `:merge(.group\\/${modifier})[aria-${(0, _dataTypes.normalize)(value)}] &` : `:merge(.group)[aria-${(0, _dataTypes.normalize)(value)}] &`, {
-            values: (ref1 = theme("aria")) !== null && ref1 !== void 0 ? ref1 : {}
+            values: (_theme1 = theme("aria")) !== null && _theme1 !== void 0 ? _theme1 : {}
         });
-        var ref2;
+        var _theme2;
         matchVariant("peer-aria", (value, { modifier  })=>modifier ? `:merge(.peer\\/${modifier})[aria-${(0, _dataTypes.normalize)(value)}] ~ &` : `:merge(.peer)[aria-${(0, _dataTypes.normalize)(value)}] ~ &`, {
-            values: (ref2 = theme("aria")) !== null && ref2 !== void 0 ? ref2 : {}
+            values: (_theme2 = theme("aria")) !== null && _theme2 !== void 0 ? _theme2 : {}
         });
     },
     dataVariants: ({ matchVariant , theme  })=>{
-        var ref;
+        var _theme;
         matchVariant("data", (value)=>`&[data-${(0, _dataTypes.normalize)(value)}]`, {
-            values: (ref = theme("data")) !== null && ref !== void 0 ? ref : {}
+            values: (_theme = theme("data")) !== null && _theme !== void 0 ? _theme : {}
         });
-        var ref1;
+        var _theme1;
         matchVariant("group-data", (value, { modifier  })=>modifier ? `:merge(.group\\/${modifier})[data-${(0, _dataTypes.normalize)(value)}] &` : `:merge(.group)[data-${(0, _dataTypes.normalize)(value)}] &`, {
-            values: (ref1 = theme("data")) !== null && ref1 !== void 0 ? ref1 : {}
+            values: (_theme1 = theme("data")) !== null && _theme1 !== void 0 ? _theme1 : {}
         });
-        var ref2;
+        var _theme2;
         matchVariant("peer-data", (value, { modifier  })=>modifier ? `:merge(.peer\\/${modifier})[data-${(0, _dataTypes.normalize)(value)}] ~ &` : `:merge(.peer)[data-${(0, _dataTypes.normalize)(value)}] ~ &`, {
-            values: (ref2 = theme("data")) !== null && ref2 !== void 0 ? ref2 : {}
+            values: (_theme2 = theme("data")) !== null && _theme2 !== void 0 ? _theme2 : {}
         });
     },
     orientationVariants: ({ addVariant  })=>{
@@ -1223,8 +1223,8 @@ let corePlugins = {
     },
     animation: ({ matchUtilities , theme , config  })=>{
         let prefixName = (name)=>`${config("prefix")}${(0, _escapeClassName.default)(name)}`;
-        var ref;
-        let keyframes = Object.fromEntries(Object.entries((ref = theme("keyframes")) !== null && ref !== void 0 ? ref : {}).map(([key, value])=>{
+        var _theme;
+        let keyframes = Object.fromEntries(Object.entries((_theme = theme("keyframes")) !== null && _theme !== void 0 ? _theme : {}).map(([key, value])=>{
             return [
                 key,
                 {
@@ -2872,10 +2872,16 @@ let corePlugins = {
     },
     fontSize: ({ matchUtilities , theme  })=>{
         matchUtilities({
-            text: (value)=>{
+            text: (value, { modifier  })=>{
                 let [fontSize, options] = Array.isArray(value) ? value : [
                     value
                 ];
+                if (modifier) {
+                    return {
+                        "font-size": fontSize,
+                        "line-height": modifier
+                    };
+                }
                 let { lineHeight , letterSpacing , fontWeight  } = (0, _isPlainObject.default)(options) ? options : {
                     lineHeight: options
                 };
@@ -2894,6 +2900,7 @@ let corePlugins = {
             }
         }, {
             values: theme("fontSize"),
+            modifiers: theme("lineHeight"),
             type: [
                 "absolute-size",
                 "relative-size",
@@ -3441,15 +3448,15 @@ let corePlugins = {
     },
     ringWidth: ({ matchUtilities , addDefaults , addUtilities , theme , config  })=>{
         let ringColorDefault = (()=>{
-            var ref, ref1;
+            var _theme, _theme1;
             if ((0, _featureFlags.flagEnabled)(config(), "respectDefaultRingColorOpacity")) {
                 return theme("ringColor.DEFAULT");
             }
             let ringOpacityDefault = theme("ringOpacity.DEFAULT", "0.5");
-            if (!((ref = theme("ringColor")) === null || ref === void 0 ? void 0 : ref.DEFAULT)) {
+            if (!((_theme = theme("ringColor")) === null || _theme === void 0 ? void 0 : _theme.DEFAULT)) {
                 return `rgb(147 197 253 / ${ringOpacityDefault})`;
             }
-            return (0, _withAlphaVariable.withAlphaValue)((ref1 = theme("ringColor")) === null || ref1 === void 0 ? void 0 : ref1.DEFAULT, ringOpacityDefault, `rgb(147 197 253 / ${ringOpacityDefault})`);
+            return (0, _withAlphaVariable.withAlphaValue)((_theme1 = theme("ringColor")) === null || _theme1 === void 0 ? void 0 : _theme1.DEFAULT, ringOpacityDefault, `rgb(147 197 253 / ${ringOpacityDefault})`);
         })();
         addDefaults("ring-width", {
             "--tw-ring-inset": " ",

package/lib/featureFlags.js

@@ -38,14 +38,14 @@ let featureFlags = {
 };
 function flagEnabled(config, flag) {
     if (featureFlags.future.includes(flag)) {
-        var ref;
-        var ref1, ref2;
-        return config.future === "all" || ((ref2 = (ref1 = config === null || config === void 0 ? void 0 : (ref = config.future) === null || ref === void 0 ? void 0 : ref[flag]) !== null && ref1 !== void 0 ? ref1 : defaults[flag]) !== null && ref2 !== void 0 ? ref2 : false);
+        var _config_future;
+        var _config_future_flag, _ref;
+        return config.future === "all" || ((_ref = (_config_future_flag = config === null || config === void 0 ? void 0 : (_config_future = config.future) === null || _config_future === void 0 ? void 0 : _config_future[flag]) !== null && _config_future_flag !== void 0 ? _config_future_flag : defaults[flag]) !== null && _ref !== void 0 ? _ref : false);
     }
     if (featureFlags.experimental.includes(flag)) {
-        var ref3;
-        var ref4, ref5;
-        return config.experimental === "all" || ((ref5 = (ref4 = config === null || config === void 0 ? void 0 : (ref3 = config.experimental) === null || ref3 === void 0 ? void 0 : ref3[flag]) !== null && ref4 !== void 0 ? ref4 : defaults[flag]) !== null && ref5 !== void 0 ? ref5 : false);
+        var _config_experimental;
+        var _config_experimental_flag, _ref1;
+        return config.experimental === "all" || ((_ref1 = (_config_experimental_flag = config === null || config === void 0 ? void 0 : (_config_experimental = config.experimental) === null || _config_experimental === void 0 ? void 0 : _config_experimental[flag]) !== null && _config_experimental_flag !== void 0 ? _config_experimental_flag : defaults[flag]) !== null && _ref1 !== void 0 ? _ref1 : false);
     }
     return false;
 }
@@ -53,8 +53,8 @@ function experimentalFlagsEnabled(config) {
     if (config.experimental === "all") {
         return featureFlags.experimental;
     }
-    var ref;
-    return Object.keys((ref = config === null || config === void 0 ? void 0 : config.experimental) !== null && ref !== void 0 ? ref : {}).filter((flag)=>featureFlags.experimental.includes(flag) && config.experimental[flag]);
+    var _config_experimental;
+    return Object.keys((_config_experimental = config === null || config === void 0 ? void 0 : config.experimental) !== null && _config_experimental !== void 0 ? _config_experimental : {}).filter((flag)=>featureFlags.experimental.includes(flag) && config.experimental[flag]);
 }
 function issueFlagNotices(config) {
     if (process.env.JEST_WORKER_ID !== undefined) {

package/lib/index.js

@@ -21,10 +21,10 @@ module.exports = function tailwindcss(configOrPath) {
                 return root;
             },
             function(root, result) {
-                var ref;
+                var _findAtConfigPath1;
                 // Use the path for the `@config` directive if it exists, otherwise use the
                 // path for the file being processed
-                configOrPath = (ref = (0, _findAtConfigPath.findAtConfigPath)(root, result)) !== null && ref !== void 0 ? ref : configOrPath;
+                configOrPath = (_findAtConfigPath1 = (0, _findAtConfigPath.findAtConfigPath)(root, result)) !== null && _findAtConfigPath1 !== void 0 ? _findAtConfigPath1 : configOrPath;
                 let context = (0, _setupTrackingContext.default)(configOrPath);
                 if (root.type === "document") {
                     let roots = root.nodes.filter((node)=>node.type === "root");

package/lib/lib/collapseAdjacentRules.js

@@ -29,10 +29,10 @@ function collapseAdjacentRules() {
                 return;
             }
             let properties = comparisonMap[node.type];
-            var _property, _property1;
+            var _node_property, _currentRule_property;
             if (node.type === "atrule" && node.name === "font-face") {
                 currentRule = node;
-            } else if (properties.every((property)=>((_property = node[property]) !== null && _property !== void 0 ? _property : "").replace(/\s+/g, " ") === ((_property1 = currentRule[property]) !== null && _property1 !== void 0 ? _property1 : "").replace(/\s+/g, " "))) {
+            } else if (properties.every((property)=>((_node_property = node[property]) !== null && _node_property !== void 0 ? _node_property : "").replace(/\s+/g, " ") === ((_currentRule_property = currentRule[property]) !== null && _currentRule_property !== void 0 ? _currentRule_property : "").replace(/\s+/g, " "))) {
                 // An AtRule may not have children (for example if we encounter duplicate @import url(…) rules)
                 if (node.nodes) {
                     currentRule.append(node.nodes);

package/lib/lib/collapseDuplicateDeclarations.js

@@ -76,8 +76,8 @@ let UNITLESS_NUMBER = Symbol("unitless-number");
 function resolveUnit(input) {
     let result = /^-?\d*.?\d+([\w%]+)?$/g.exec(input);
     if (result) {
-        var ref;
-        return (ref = result[1]) !== null && ref !== void 0 ? ref : UNITLESS_NUMBER;
+        var _result_;
+        return (_result_ = result[1]) !== null && _result_ !== void 0 ? _result_ : UNITLESS_NUMBER;
     }
     return null;
 }

package/lib/lib/defaultExtractor.js

@@ -54,10 +54,10 @@ function defaultExtractor(context) {
    */ return (content)=>{
         /** @type {(string|string)[]} */ let results = [];
         for (let pattern of patterns){
-            var ref;
+            var _content_match;
             results = [
                 ...results,
-                ...(ref = content.match(pattern)) !== null && ref !== void 0 ? ref : []
+                ...(_content_match = content.match(pattern)) !== null && _content_match !== void 0 ? _content_match : []
             ];
         }
         return results.filter((v)=>v !== undefined).map(clipAtBalancedParens);
@@ -216,7 +216,7 @@ let ALLOWED_CLASS_CHARACTERS = /[^"'`\s<>\]]+/;
         // This means that there was an extra closing `]`
         // We'll clip to just before it
         if (depth < 0) {
-            return input.substring(0, match.index);
+            return input.substring(0, match.index - 1);
         }
         // We've finished balancing the brackets but there still may be characters that can be included
         // For example in the class `text-[#336699]/[.35]`

package/lib/lib/evaluateTailwindFunctions.js

@@ -177,8 +177,8 @@ let nodeTypePropertyMap = {
             alpha
         });
     });
-    var ref;
-    return (ref = results.find((result)=>result.isValid)) !== null && ref !== void 0 ? ref : results[0];
+    var _results_find;
+    return (_results_find = results.find((result)=>result.isValid)) !== null && _results_find !== void 0 ? _results_find : results[0];
 }
 function _default(context) {
     let config = context.tailwindConfig;
@@ -186,9 +186,9 @@ function _default(context) {
         theme: (node, path, ...defaultValue)=>{
             let { isValid , value , error , alpha  } = resolvePath(config, path, defaultValue.length ? defaultValue : undefined);
             if (!isValid) {
-                var ref;
+                var _parentNode_raws_tailwind;
                 let parentNode = node.parent;
-                let candidate = (ref = parentNode === null || parentNode === void 0 ? void 0 : parentNode.raws.tailwind) === null || ref === void 0 ? void 0 : ref.candidate;
+                let candidate = (_parentNode_raws_tailwind = parentNode === null || parentNode === void 0 ? void 0 : parentNode.raws.tailwind) === null || _parentNode_raws_tailwind === void 0 ? void 0 : _parentNode_raws_tailwind.candidate;
                 if (parentNode && candidate !== undefined) {
                     // Remove this utility from any caches
                     context.markInvalidUtilityNode(parentNode);

package/lib/lib/expandApplyAtRules.js

@@ -139,8 +139,8 @@ function* pathToRoot(node) {
     root.walkRules((rule)=>{
         // Ignore rules generated by Tailwind
         for (let node of pathToRoot(rule)){
-            var ref;
-            if (((ref = node.raws.tailwind) === null || ref === void 0 ? void 0 : ref.layer) !== undefined) {
+            var _node_raws_tailwind;
+            if (((_node_raws_tailwind = node.raws.tailwind) === null || _node_raws_tailwind === void 0 ? void 0 : _node_raws_tailwind.layer) !== undefined) {
                 return;
             }
         }

package/lib/lib/expandTailwindAtRules.js

@@ -199,8 +199,8 @@ function expandTailwindAtRules(context) {
         }
         // We do post-filtering to not alter the emitted order of the variants
         const variantNodes = Array.from(screenNodes).filter((node)=>{
-            var ref;
-            const parentLayer = (ref = node.raws.tailwind) === null || ref === void 0 ? void 0 : ref.parentLayer;
+            var _node_raws_tailwind;
+            const parentLayer = (_node_raws_tailwind = node.raws.tailwind) === null || _node_raws_tailwind === void 0 ? void 0 : _node_raws_tailwind.parentLayer;
             if (parentLayer === "components") {
                 return layerNodes.components !== null;
             }
@@ -221,8 +221,8 @@ function expandTailwindAtRules(context) {
         }
         // If we've got a utility layer and no utilities are generated there's likely something wrong
         const hasUtilityVariants = variantNodes.some((node)=>{
-            var ref;
-            return ((ref = node.raws.tailwind) === null || ref === void 0 ? void 0 : ref.parentLayer) === "utilities";
+            var _node_raws_tailwind;
+            return ((_node_raws_tailwind = node.raws.tailwind) === null || _node_raws_tailwind === void 0 ? void 0 : _node_raws_tailwind.parentLayer) === "utilities";
         });
         if (layerNodes.utilities && utilityNodes.size === 0 && !hasUtilityVariants) {
             _log.default.warn("content-problems", [

package/lib/lib/findAtConfigPath.js

@@ -17,9 +17,9 @@ function findAtConfigPath(root, result) {
     let configPath = null;
     let relativeTo = null;
     root.walkAtRules("config", (rule)=>{
-        var ref;
-        var _file, ref1;
-        relativeTo = (ref1 = (_file = (ref = rule.source) === null || ref === void 0 ? void 0 : ref.input.file) !== null && _file !== void 0 ? _file : result.opts.from) !== null && ref1 !== void 0 ? ref1 : null;
+        var _rule_source;
+        var _rule_source_input_file, _ref;
+        relativeTo = (_ref = (_rule_source_input_file = (_rule_source = rule.source) === null || _rule_source === void 0 ? void 0 : _rule_source.input.file) !== null && _rule_source_input_file !== void 0 ? _rule_source_input_file : result.opts.from) !== null && _ref !== void 0 ? _ref : null;
         if (relativeTo === null) {
             throw rule.error("The `@config` directive cannot be used without setting `from` in your PostCSS config.");
         }

package/lib/lib/generateRules.js

@@ -370,12 +370,12 @@ function applyVariant(variant, matches, context) {
                     ...clone.nodes[0].raws.tailwind,
                     parentLayer: meta.layer
                 };
-                var _collectedFormats;
+                var _meta_collectedFormats;
                 let withOffset = [
                     {
                         ...meta,
                         sort: context.offsets.applyVariantOffset(meta.sort, variantSort, Object.assign(args, context.variantOptions.get(variant))),
-                        collectedFormats: ((_collectedFormats = meta.collectedFormats) !== null && _collectedFormats !== void 0 ? _collectedFormats : []).concat(collectedFormats),
+                        collectedFormats: ((_meta_collectedFormats = meta.collectedFormats) !== null && _meta_collectedFormats !== void 0 ? _meta_collectedFormats : []).concat(collectedFormats),
                         isArbitraryVariant: isArbitraryValue(variant)
                     },
                     clone.nodes[0]
@@ -434,7 +434,7 @@ function isValidPropName(name) {
 function isParsableNode(node) {
     let isParsable = true;
     node.walkDecls((decl)=>{
-        if (!isParsableCssValue(decl.name, decl.value)) {
+        if (!isParsableCssValue(decl.prop, decl.value)) {
             isParsable = false;
             return false;
         }
@@ -456,8 +456,8 @@ function isParsableCssValue(property, value) {
     }
 }
 function extractArbitraryProperty(classCandidate, context) {
-    var ref;
-    let [, property, value] = (ref = classCandidate.match(/^\[([a-zA-Z0-9-_]+):(\S+)\]$/)) !== null && ref !== void 0 ? ref : [];
+    var _classCandidate_match;
+    let [, property, value] = (_classCandidate_match = classCandidate.match(/^\[([a-zA-Z0-9-_]+):(\S+)\]$/)) !== null && _classCandidate_match !== void 0 ? _classCandidate_match : [];
     if (value === undefined) {
         return null;
     }
@@ -535,12 +535,12 @@ function splitWithSeparator(input, separator) {
 }
 function* recordCandidates(matches, classCandidate) {
     for (const match of matches){
-        var ref;
-        var ref1;
+        var _match__options;
+        var _match__options_preserveSource;
         match[1].raws.tailwind = {
             ...match[1].raws.tailwind,
             classCandidate,
-            preserveSource: (ref1 = (ref = match[0].options) === null || ref === void 0 ? void 0 : ref.preserveSource) !== null && ref1 !== void 0 ? ref1 : false
+            preserveSource: (_match__options_preserveSource = (_match__options = match[0].options) === null || _match__options === void 0 ? void 0 : _match__options.preserveSource) !== null && _match__options_preserveSource !== void 0 ? _match__options_preserveSource : false
         };
         yield match;
     }
@@ -614,9 +614,9 @@ function* resolveMatches(candidate, context, original = candidate) {
                 }
             }
             if (matchesPerPlugin.length > 0) {
-                var ref;
-                var ref1, _options;
-                let matchingTypes = Array.from((0, _pluginUtils.getMatchingTypes)((ref1 = (ref = sort.options) === null || ref === void 0 ? void 0 : ref.types) !== null && ref1 !== void 0 ? ref1 : [], modifier, (_options = sort.options) !== null && _options !== void 0 ? _options : {}, context.tailwindConfig)).map(([_, type])=>type);
+                var _sort_options;
+                var _sort_options_types, _sort_options1;
+                let matchingTypes = Array.from((0, _pluginUtils.getMatchingTypes)((_sort_options_types = (_sort_options = sort.options) === null || _sort_options === void 0 ? void 0 : _sort_options.types) !== null && _sort_options_types !== void 0 ? _sort_options_types : [], modifier, (_sort_options1 = sort.options) !== null && _sort_options1 !== void 0 ? _sort_options1 : {}, context.tailwindConfig)).map(([_, type])=>type);
                 if (matchingTypes.length > 0) {
                     typesByMatches.set(matchesPerPlugin, matchingTypes);
                 }
@@ -656,18 +656,18 @@ function* resolveMatches(candidate, context, original = candidate) {
                         });
                     });
                 }
-                var ref2;
+                var _findFallback;
                 // Try to find a fallback plugin, because we already know that multiple plugins matched for
                 // the given arbitrary value.
-                let fallback = (ref2 = findFallback(withoutAny)) !== null && ref2 !== void 0 ? ref2 : findFallback(withAny);
+                let fallback = (_findFallback = findFallback(withoutAny)) !== null && _findFallback !== void 0 ? _findFallback : findFallback(withAny);
                 if (fallback) {
                     matches = [
                         fallback
                     ];
                 } else {
-                    var ref3;
+                    var _typesByMatches_get;
                     let typesPerPlugin = matches.map((match)=>new Set([
-                            ...(ref3 = typesByMatches.get(match)) !== null && ref3 !== void 0 ? ref3 : []
+                            ...(_typesByMatches_get = typesByMatches.get(match)) !== null && _typesByMatches_get !== void 0 ? _typesByMatches_get : []
                         ]));
                     // Remove duplicates, so that we can detect proper unique types for each plugin.
                     for (let pluginTypes of typesPerPlugin){
@@ -713,6 +713,7 @@ function* resolveMatches(candidate, context, original = candidate) {
             matches = applyVariant(variant, matches, context);
         }
         for (let match of matches){
+            let isValid = true;
             match[1].raws.tailwind = {
                 ...match[1].raws.tailwind,
                 candidate
@@ -726,19 +727,37 @@ function* resolveMatches(candidate, context, original = candidate) {
                     ]
                 });
                 container.walkRules((rule)=>{
-                    var ref;
+                    var _context_tailwindConfig;
                     if (inKeyframes(rule)) return;
-                    var ref1;
-                    rule.selector = (0, _formatVariantSelector.finalizeSelector)(finalFormat, {
+                    var _context_tailwindConfig_separator;
+                    let selectorOptions = {
                         selector: rule.selector,
                         candidate: original,
-                        base: candidate.split(new RegExp(`\\${(ref1 = context === null || context === void 0 ? void 0 : (ref = context.tailwindConfig) === null || ref === void 0 ? void 0 : ref.separator) !== null && ref1 !== void 0 ? ref1 : ":"}(?![^[]*\\])`)).pop(),
+                        base: candidate.split(new RegExp(`\\${(_context_tailwindConfig_separator = context === null || context === void 0 ? void 0 : (_context_tailwindConfig = context.tailwindConfig) === null || _context_tailwindConfig === void 0 ? void 0 : _context_tailwindConfig.separator) !== null && _context_tailwindConfig_separator !== void 0 ? _context_tailwindConfig_separator : ":"}(?![^[]*\\])`)).pop(),
                         isArbitraryVariant: match[0].isArbitraryVariant,
                         context
-                    });
+                    };
+                    try {
+                        rule.selector = (0, _formatVariantSelector.finalizeSelector)(finalFormat, selectorOptions);
+                    } catch  {
+                        // The selector we produced is invalid
+                        // This could be because:
+                        // - A bug exists
+                        // - A plugin introduced an invalid variant selector (ex: `addVariant('foo', '&;foo')`)
+                        // - The user used an invalid arbitrary variant (ex: `[&;foo]:underline`)
+                        // Either way the build will fail because of this
+                        // We would rather that the build pass "silently" given that this could
+                        // happen because of picking up invalid things when scanning content
+                        // So we'll throw out the candidate instead
+                        isValid = false;
+                        return false;
+                    }
                 });
                 match[1] = container.nodes[0];
             }
+            if (!isValid) {
+                continue;
+            }
             yield match;
         }
     }
@@ -787,8 +806,8 @@ function generateRules(candidates, context) {
             continue;
         }
         context.classCache.set(candidate, matches);
-        var ref;
-        let rules = (ref = context.candidateRuleCache.get(candidate)) !== null && ref !== void 0 ? ref : new Set();
+        var _context_candidateRuleCache_get;
+        let rules = (_context_candidateRuleCache_get = context.candidateRuleCache.get(candidate)) !== null && _context_candidateRuleCache_get !== void 0 ? _context_candidateRuleCache_get : new Set();
         context.candidateRuleCache.set(candidate, rules);
         for (const match of matches){
             let [{ sort , options  }, rule] = match;