tailwindcss 0.0.0-insiders.bd970d0 → 0.0.0-insiders.bda8421

package/lib/css/preflight.css

@@ -24,6 +24,7 @@
 4. Use the user's configured `sans` font-family by default.
 5. Use the user's configured `sans` font-feature-settings by default.
 6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
 */
 
 html,
@@ -35,6 +36,7 @@ html,
   font-family: theme('fontFamily.sans', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); /* 4 */
   font-feature-settings: theme('fontFamily.sans[1].fontFeatureSettings', normal); /* 5 */
   font-variation-settings: theme('fontFamily.sans[1].fontVariationSettings', normal); /* 6 */
+  -webkit-tap-highlight-color: transparent; /* 7 */
 }
 
 /*
@@ -100,8 +102,10 @@ strong {
 }
 
 /*
-1. Use the user's configured `mono` font family by default.
-2. Correct the odd `em` font sizing in all browsers.
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
 */
 
 code,
@@ -109,7 +113,9 @@ kbd,
 samp,
 pre {
   font-family: theme('fontFamily.mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); /* 1 */
-  font-size: 1em; /* 2 */
+  font-feature-settings: theme('fontFamily.mono[1].fontFeatureSettings', normal); /* 2 */
+  font-variation-settings: theme('fontFamily.mono[1].fontVariationSettings', normal); /* 3 */
+  font-size: 1em; /* 4 */
 }
 
 /*
@@ -169,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 */
@@ -189,9 +196,9 @@ select {
 */
 
 button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
   -webkit-appearance: button; /* 1 */
   background-color: transparent; /* 2 */
   background-image: none; /* 2 */
@@ -267,7 +274,7 @@ summary {
 }
 
 /*
-Removes the default spacing for appropriate elements.
+Removes the default spacing and border for appropriate elements.
 */
 
 blockquote,
@@ -303,6 +310,9 @@ menu {
   padding: 0;
 }
 
+/*
+Reset default styling for dialogs.
+*/
 dialog {
   padding: 0;
 }
@@ -338,7 +348,6 @@ button,
 /*
 Make sure disabled buttons don't get the pointer cursor.
 */
-
 :disabled {
   cursor: default;
 }
@@ -371,10 +380,7 @@ video {
   height: auto;
 }
 
-/*
-Make elements with the HTML hidden attribute stay hidden by default.
-*/
-
+/* Make elements with the HTML hidden attribute stay hidden by default */
 [hidden] {
   display: none;
 }

package/lib/featureFlags.js

@@ -9,9 +9,6 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    featureFlags: function() {
-        return featureFlags;
-    },
     flagEnabled: function() {
         return flagEnabled;
     },
@@ -31,54 +28,51 @@ function _interop_require_default(obj) {
 }
 let defaults = {
     optimizeUniversalDefaults: false,
+    generalizedModifiers: true,
     disableColorOpacityUtilitiesByDefault: false,
-    relativeContentPathsByDefault: false,
-    oxideParser: true,
-    logicalSiblingUtilities: false
+    relativeContentPathsByDefault: false
 };
 let featureFlags = {
     future: [
-        'hoverOnlyWhenSupported',
-        'respectDefaultRingColorOpacity',
-        'disableColorOpacityUtilitiesByDefault',
-        'relativeContentPathsByDefault',
-        'logicalSiblingUtilities'
+        "hoverOnlyWhenSupported",
+        "respectDefaultRingColorOpacity",
+        "disableColorOpacityUtilitiesByDefault",
+        "relativeContentPathsByDefault"
     ],
     experimental: [
-        'optimizeUniversalDefaults',
-        'oxideParser'
+        "optimizeUniversalDefaults",
+        "generalizedModifiers"
     ]
 };
 function flagEnabled(config, flag) {
     if (featureFlags.future.includes(flag)) {
-        var _config_future, _config;
+        var _config_future;
         var _config_future_flag, _ref;
-        return config.future === 'all' || ((_ref = (_config_future_flag = (_config = 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);
+        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 _config_experimental, _config1;
+        var _config_experimental;
         var _config_experimental_flag, _ref1;
-        return config.experimental === 'all' || ((_ref1 = (_config_experimental_flag = (_config1 = config) === null || _config1 === void 0 ? void 0 : (_config_experimental = _config1.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 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;
 }
 function experimentalFlagsEnabled(config) {
-    var _config;
-    if (config.experimental === 'all') {
+    if (config.experimental === "all") {
         return featureFlags.experimental;
     }
     var _config_experimental;
-    return Object.keys((_config_experimental = (_config = 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]);
+    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) {
         return;
     }
     if (experimentalFlagsEnabled(config).length > 0) {
-        let changes = experimentalFlagsEnabled(config).map((s)=>_picocolors.default.yellow(s)).join(', ');
-        _log.default.warn('experimental-flags-enabled', [
+        let changes = experimentalFlagsEnabled(config).map((s)=>_picocolors.default.yellow(s)).join(", ");
+        _log.default.warn("experimental-flags-enabled", [
             `You have enabled experimental features: ${changes}`,
-            'Experimental features in Tailwind CSS are not covered by semver, may introduce breaking changes, and can change at any time.'
+            "Experimental features in Tailwind CSS are not covered by semver, may introduce breaking changes, and can change at any time."
         ]);
     }
 }

package/lib/index.js

@@ -1,2 +1,2 @@
 "use strict";
-module.exports = require('./plugin');
+module.exports = require("./plugin");

package/lib/lib/cacheInvalidation.js

@@ -72,16 +72,16 @@ function _interop_require_wildcard(obj, nodeInterop) {
  * @param {string} str
  */ function getHash(str) {
     try {
-        return _crypto.default.createHash('md5').update(str, 'utf-8').digest('binary');
+        return _crypto.default.createHash("md5").update(str, "utf-8").digest("binary");
     } catch (err) {
-        return '';
+        return "";
     }
 }
 function hasContentChanged(sourcePath, root) {
     let css = root.toString();
     // We only care about files with @tailwind directives
     // Other files use an existing context
-    if (!css.includes('@tailwind')) {
+    if (!css.includes("@tailwind")) {
         return false;
     }
     let existingHash = _sharedState.sourceHashMap.get(sourcePath);

package/lib/lib/collapseAdjacentRules.js

@@ -10,11 +10,11 @@ Object.defineProperty(exports, "default", {
 });
 let comparisonMap = {
     atrule: [
-        'name',
-        'params'
+        "name",
+        "params"
     ],
     rule: [
-        'selector'
+        "selector"
     ]
 };
 let types = new Set(Object.keys(comparisonMap));
@@ -32,9 +32,9 @@ function collapseAdjacentRules() {
             }
             let properties = comparisonMap[node.type];
             var _node_property, _currentRule_property;
-            if (node.type === 'atrule' && node.name === 'font-face') {
+            if (node.type === "atrule" && node.name === "font-face") {
                 currentRule = node;
-            } 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, ' '))) {
+            } 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);
@@ -50,7 +50,7 @@ function collapseAdjacentRules() {
         // explicitly does not handle rule nesting on its own as
         // the user is expected to use a nesting plugin
         root.each((node)=>{
-            if (node.type === 'atrule') {
+            if (node.type === "atrule") {
                 collapseRulesIn(node);
             }
         });

package/lib/lib/collapseDuplicateDeclarations.js

@@ -74,7 +74,7 @@ function collapseDuplicateDeclarations() {
         });
     };
 }
-let UNITLESS_NUMBER = Symbol('unitless-number');
+let UNITLESS_NUMBER = Symbol("unitless-number");
 function resolveUnit(input) {
     let result = /^-?\d*.?\d+([\w%]+)?$/g.exec(input);
     if (result) {

package/lib/lib/content.js

@@ -21,45 +21,49 @@ 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");
-const _oxide = require("@tailwindcss/oxide");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-/** @typedef {import('../../types/config.js').RawFile} RawFile */ /** @typedef {import('../../types/config.js').FilePath} FilePath */ /*
- * @param {import('tailwindcss').Config} tailwindConfig
- * @param {{skip:string[]}} options
- * @returns {ContentPath[]}
- */ function resolveContentFiles(tailwindConfig, { skip = [] } = {}) {
-    if (Array.isArray(tailwindConfig.content.files) && tailwindConfig.content.files.includes('auto')) {
-        let idx = tailwindConfig.content.files.indexOf('auto');
-        if (idx !== -1) {
-            _sharedState.env.DEBUG && console.time('Calculating resolve content paths');
-            let resolved = (0, _oxide.resolveContentPaths)({
-                base: process.cwd()
-            });
-            _sharedState.env.DEBUG && console.timeEnd('Calculating resolve content paths');
-            tailwindConfig.content.files.splice(idx, 1, ...resolved);
-        }
+/*!
+ * 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 (skip.length > 0) {
-        tailwindConfig.content.files = tailwindConfig.content.files.filter((filePath)=>!skip.includes(filePath));
+    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 = "//";
+        }
     }
-    return tailwindConfig.content.files;
+    // 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 = resolveContentFiles(tailwindConfig, {
-        skip: [
-            context.userConfigPath
-        ]
-    });
+    let files = tailwindConfig.content.files;
     // Normalize the file globs
-    files = files.filter((filePath)=>typeof filePath === 'string');
-    files = files.map(_normalizepath.default);
+    files = files.filter((filePath)=>typeof filePath === "string");
+    files = files.map(normalizePath);
     // Split into included and excluded globs
     let tasks = _fastglob.default.generateTasks(files);
     /** @type {ContentPath[]} */ let included = [];
@@ -86,6 +90,9 @@ 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,
@@ -107,7 +114,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 = (0, _normalizepath.default)(contentPath.base);
+    let base = normalizePath(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);
@@ -155,13 +162,13 @@ function parseCandidateFiles(context, tailwindConfig) {
                 base: resolvedPath
             });
         }
-    } catch (e) {
+    } catch  {
     // TODO: log this?
     }
     return paths;
 }
 function resolvedChangedContent(context, candidateFiles, fileModifiedMap) {
-    let changedContent = context.tailwindConfig.content.files.filter((item)=>typeof item.raw === 'string').map(({ raw, extension = 'html' })=>({
+    let changedContent = context.tailwindConfig.content.files.filter((item)=>typeof item.raw === "string").map(({ raw , extension ="html"  })=>({
             content: raw,
             extension
         }));
@@ -187,7 +194,7 @@ function resolvedChangedContent(context, candidateFiles, fileModifiedMap) {
     let paths = candidateFiles.map((contentPath)=>contentPath.pattern);
     let mTimesToCommit = new Map();
     let changedFiles = new Set();
-    _sharedState.env.DEBUG && console.time('Finding changed files');
+    _sharedState.env.DEBUG && console.time("Finding changed files");
     let files = _fastglob.default.sync(paths, {
         absolute: true
     });
@@ -199,7 +206,7 @@ function resolvedChangedContent(context, candidateFiles, fileModifiedMap) {
             mTimesToCommit.set(file, modified);
         }
     }
-    _sharedState.env.DEBUG && console.timeEnd('Finding changed files');
+    _sharedState.env.DEBUG && console.timeEnd("Finding changed files");
     return [
         changedFiles,
         mTimesToCommit

package/lib/lib/defaultExtractor.js

@@ -56,20 +56,19 @@ function defaultExtractor(context) {
         /** @type {(string|string)[]} */ let results = [];
         for (let pattern of patterns){
             var _content_match;
-            results = [
-                ...results,
-                ...(_content_match = content.match(pattern)) !== null && _content_match !== void 0 ? _content_match : []
-            ];
+            for (let result of (_content_match = content.match(pattern)) !== null && _content_match !== void 0 ? _content_match : []){
+                results.push(clipAtBalancedParens(result));
+            }
         }
-        return results.filter((v)=>v !== undefined).map(clipAtBalancedParens);
+        return results;
     };
 }
 function* buildRegExps(context) {
     let separator = context.tailwindConfig.separator;
-    let prefix = context.tailwindConfig.prefix !== '' ? _regex.optional(_regex.pattern([
+    let prefix = context.tailwindConfig.prefix !== "" ? _regex.optional(_regex.pattern([
         /-?/,
         _regex.escape(context.tailwindConfig.prefix)
-    ])) : '';
+    ])) : "";
     let utility = _regex.any([
         // Arbitrary properties (without square brackets)
         /\[[^\s:'"`]+:[^\s\[\]]+\]/,
@@ -77,16 +76,25 @@ function* buildRegExps(context) {
         // This is a targeted fix to continue to allow theme()
         // with square brackets to work in arbitrary properties
         // while fixing a problem with the regex matching too much
-        /\[[^\s:'"`]+:[^\s]+?\[[^\s]+\][^\s]+?\]/,
+        /\[[^\s:'"`\]]+:[^\s]+?\[[^\s]+\][^\s]+?\]/,
         // Utilities
         _regex.pattern([
             // Utility Name / Group Name
-            /-?(?:\w+)/,
+            _regex.any([
+                /-?(?:\w+)/,
+                // This is here to make sure @container supports everything that other utilities do
+                /@(?:\w+)/
+            ]),
             // Normal/Arbitrary values
             _regex.optional(_regex.any([
                 _regex.pattern([
                     // Arbitrary values
-                    /-(?:\w+-)*\[[^\s:]+\]/,
+                    _regex.any([
+                        /-(?:\w+-)*\['[^\s]+'\]/,
+                        /-(?:\w+-)*\["[^\s]+"\]/,
+                        /-(?:\w+-)*\[`[^\s]+`\]/,
+                        /-(?:\w+-)*\[(?:[^\s\[\]]+\[[^\s\[\]]+\])*[^\s:\[\]]+\]/
+                    ]),
                     // Not immediately followed by an `{[(`
                     /(?![{([]])/,
                     // optionally followed by an opacity modifier
@@ -94,7 +102,12 @@ function* buildRegExps(context) {
                 ]),
                 _regex.pattern([
                     // Arbitrary values
-                    /-(?:\w+-)*\[[^\s]+\]/,
+                    _regex.any([
+                        /-(?:\w+-)*\['[^\s]+'\]/,
+                        /-(?:\w+-)*\["[^\s]+"\]/,
+                        /-(?:\w+-)*\[`[^\s]+`\]/,
+                        /-(?:\w+-)*\[(?:[^\s\[\]]+\[[^\s\[\]]+\])*[^\s\[\]]+\]/
+                    ]),
                     // Not immediately followed by an `{[(`
                     /(?![{([]])/,
                     // optionally followed by an opacity modifier
@@ -113,6 +126,11 @@ function* buildRegExps(context) {
                 /@\[[^\s"'`]+\](\/[^\s"'`]+)?/,
                 separator
             ]),
+            // With variant modifier (e.g.: group-[..]/modifier)
+            _regex.pattern([
+                /([^\s"'`\[\\]+-)?\[[^\s"'`]+\]\/[\w_-]+/,
+                separator
+            ]),
             _regex.pattern([
                 /([^\s"'`\[\\]+-)?\[[^\s"'`]+\]/,
                 separator
@@ -124,6 +142,11 @@ function* buildRegExps(context) {
         ]),
         // With quotes allowed
         _regex.any([
+            // With variant modifier (e.g.: group-[..]/modifier)
+            _regex.pattern([
+                /([^\s"'`\[\\]+-)?\[[^\s`]+\]\/[\w_-]+/,
+                separator
+            ]),
             _regex.pattern([
                 /([^\s"'`\[\\]+-)?\[[^\s`]+\]/,
                 separator
@@ -137,9 +160,9 @@ function* buildRegExps(context) {
     for (const variantPattern of variantPatterns){
         yield _regex.pattern([
             // Variants
-            '((?=((',
+            "((?=((",
             variantPattern,
-            ')+))\\2)?',
+            ")+))\\2)?",
             // Important (optional)
             /!?/,
             prefix,
@@ -168,7 +191,7 @@ let ALLOWED_CLASS_CHARACTERS = /[^"'`\s<>\]]+/;
  * @param {string} input
  */ function clipAtBalancedParens(input) {
     // We are care about this for arbitrary values
-    if (!input.includes('-[')) {
+    if (!input.includes("-[")) {
         return input;
     }
     let depth = 0;
@@ -192,15 +215,15 @@ let ALLOWED_CLASS_CHARACTERS = /[^"'`\s<>\]]+/;
         let inStringType = openStringTypes[openStringTypes.length - 1];
         if (char === inStringType) {
             openStringTypes.pop();
-        } else if (char === "'" || char === '"' || char === '`') {
+        } else if (char === "'" || char === '"' || char === "`") {
             openStringTypes.push(char);
         }
         if (inStringType) {
             continue;
-        } else if (char === '[') {
+        } else if (char === "[") {
             depth++;
             continue;
-        } else if (char === ']') {
+        } else if (char === "]") {
             depth--;
             continue;
         }

package/lib/lib/evaluateTailwindFunctions.js

@@ -24,31 +24,31 @@ function _interop_require_default(obj) {
     };
 }
 function isObject(input) {
-    return typeof input === 'object' && input !== null;
+    return typeof input === "object" && input !== null;
 }
 function findClosestExistingPath(theme, path) {
     let parts = (0, _toPath.toPath)(path);
     do {
         parts.pop();
         if ((0, _dlv.default)(theme, parts) !== undefined) break;
-    }while (parts.length)
+    }while (parts.length);
     return parts.length ? parts : undefined;
 }
 function pathToString(path) {
-    if (typeof path === 'string') return path;
+    if (typeof path === "string") return path;
     return path.reduce((acc, cur, i)=>{
-        if (cur.includes('.')) return `${acc}[${cur}]`;
+        if (cur.includes(".")) return `${acc}[${cur}]`;
         return i === 0 ? cur : `${acc}.${cur}`;
-    }, '');
+    }, "");
 }
 function list(items) {
-    return items.map((key)=>`'${key}'`).join(', ');
+    return items.map((key)=>`'${key}'`).join(", ");
 }
 function listKeys(obj) {
     return list(Object.keys(obj));
 }
 function validatePath(config, path, defaultValue, themeOpts = {}) {
-    const pathString = Array.isArray(path) ? pathToString(path) : path.replace(/^['"]+|['"]+$/g, '');
+    const pathString = Array.isArray(path) ? pathToString(path) : path.replace(/^['"]+|['"]+$/g, "");
     const pathSegments = Array.isArray(path) ? path : (0, _toPath.toPath)(pathString);
     const value = (0, _dlv.default)(config.theme, pathSegments, defaultValue);
     if (value === undefined) {
@@ -87,7 +87,7 @@ function validatePath(config, path, defaultValue, themeOpts = {}) {
             error
         };
     }
-    if (!(typeof value === 'string' || typeof value === 'number' || typeof value === 'function' || value instanceof String || value instanceof Number || Array.isArray(value))) {
+    if (!(typeof value === "string" || typeof value === "number" || typeof value === "function" || value instanceof String || value instanceof Number || Array.isArray(value))) {
         let error = `'${pathString}' was found but does not resolve to a string.`;
         if (isObject(value)) {
             let validKeys = Object.keys(value).filter((key)=>validatePath(config, [
@@ -115,11 +115,11 @@ function validatePath(config, path, defaultValue, themeOpts = {}) {
 function extractArgs(node, vNodes, functions) {
     vNodes = vNodes.map((vNode)=>resolveVNode(node, vNode, functions));
     let args = [
-        ''
+        ""
     ];
     for (let vNode of vNodes){
-        if (vNode.type === 'div' && vNode.value === ',') {
-            args.push('');
+        if (vNode.type === "div" && vNode.value === ",") {
+            args.push("");
         } else {
             args[args.length - 1] += _index.default.stringify(vNode);
         }
@@ -127,9 +127,9 @@ function extractArgs(node, vNodes, functions) {
     return args;
 }
 function resolveVNode(node, vNode, functions) {
-    if (vNode.type === 'function' && functions[vNode.value] !== undefined) {
+    if (vNode.type === "function" && functions[vNode.value] !== undefined) {
         let args = extractArgs(node, vNode.nodes, functions);
-        vNode.type = 'word';
+        vNode.type = "word";
         vNode.value = functions[vNode.value](node, ...args);
     }
     return vNode;
@@ -142,8 +142,8 @@ function resolveFunctions(node, input, functions) {
     }).toString();
 }
 let nodeTypePropertyMap = {
-    atrule: 'params',
-    decl: 'value'
+    atrule: "params",
+    decl: "value"
 };
 /**
  * @param {string} path
@@ -151,7 +151,7 @@ let nodeTypePropertyMap = {
  */ function* toPaths(path) {
     // Strip quotes from beginning and end of string
     // This allows the alpha value to be present inside of quotes
-    path = path.replace(/^['"]+|['"]+$/g, '');
+    path = path.replace(/^['"]+|['"]+$/g, "");
     let matches = path.match(/^([^\s]+)(?![^\[]*\])(?:\s*\/\s*([^\/\s]+))$/);
     let alpha = undefined;
     yield [
@@ -188,18 +188,18 @@ function _default(context) {
     let config = context.tailwindConfig;
     let functions = {
         theme: (node, path, ...defaultValue)=>{
-            let { isValid, value, error, alpha } = resolvePath(config, path, defaultValue.length ? defaultValue : undefined);
+            let { isValid , value , error , alpha  } = resolvePath(config, path, defaultValue.length ? defaultValue : undefined);
             if (!isValid) {
-                var _parentNode_raws_tailwind, _parentNode;
+                var _parentNode_raws_tailwind;
                 let parentNode = node.parent;
-                let candidate = (_parentNode = parentNode) === null || _parentNode === void 0 ? void 0 : (_parentNode_raws_tailwind = _parentNode.raws.tailwind) === null || _parentNode_raws_tailwind === void 0 ? void 0 : _parentNode_raws_tailwind.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);
                     // Remove the CSS node from the markup
                     parentNode.remove();
                     // Show a warning
-                    _log.default.warn('invalid-theme-key-in-class', [
+                    _log.default.warn("invalid-theme-key-in-class", [
                         `The utility \`${candidate}\` contains an invalid theme value and was not generated.`
                     ]);
                     return;
@@ -207,7 +207,7 @@ function _default(context) {
                 throw node.error(error);
             }
             let maybeColor = (0, _pluginUtils.parseColorFormat)(value);
-            let isColorFunction = maybeColor !== undefined && typeof maybeColor === 'function';
+            let isColorFunction = maybeColor !== undefined && typeof maybeColor === "function";
             if (alpha !== undefined || isColorFunction) {
                 if (alpha === undefined) {
                     alpha = 1.0;
@@ -217,9 +217,9 @@ function _default(context) {
             return value;
         },
         screen: (node, screen)=>{
-            screen = screen.replace(/^['"]+/g, '').replace(/['"]+$/g, '');
+            screen = screen.replace(/^['"]+/g, "").replace(/['"]+$/g, "");
             let screens = (0, _normalizeScreens.normalizeScreens)(config.theme.screens);
-            let screenDefinition = screens.find(({ name })=>name === screen);
+            let screenDefinition = screens.find(({ name  })=>name === screen);
             if (!screenDefinition) {
                 throw node.error(`The '${screen}' screen does not exist in your theme.`);
             }