tailwindcss 3.3.0 → 3.3.2

package/CHANGELOG.md

@@ -9,6 +9,31 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Nothing yet!
 
+## [3.3.2] - 2023-04-25
+
+### Fixed
+
+- Don’t move unknown pseudo-elements to the end of selectors ([#10943](https://github.com/tailwindlabs/tailwindcss/pull/10943), [#10962](https://github.com/tailwindlabs/tailwindcss/pull/10962))
+- Inherit gradient stop positions when using variants ([#11002](https://github.com/tailwindlabs/tailwindcss/pull/11002))
+- Honor default `to` position of gradient when using implicit transparent colors ([#11002](https://github.com/tailwindlabs/tailwindcss/pull/11002))
+- Ensure `@tailwindcss/oxide` doesn't leak in the stable engine ([#10988](https://github.com/tailwindlabs/tailwindcss/pull/10988))
+- Ensure multiple `theme(spacing[5])` calls with bracket notation in arbitrary properties work ([#11039](https://github.com/tailwindlabs/tailwindcss/pull/11039))
+- Normalize arbitrary modifiers ([#11057](https://github.com/tailwindlabs/tailwindcss/pull/11057))
+
+### Changed
+
+- Drop support for Node.js v12 ([#11089](https://github.com/tailwindlabs/tailwindcss/pull/11089))
+
+## [3.3.1] - 2023-03-30
+
+### Fixed
+
+- Fix edge case bug when loading a TypeScript config file with webpack ([#10898](https://github.com/tailwindlabs/tailwindcss/pull/10898))
+- Fix variant, `@apply`, and `important` selectors when using `:is()` or `:has()` with pseudo-elements ([#10903](https://github.com/tailwindlabs/tailwindcss/pull/10903))
+- Fix `safelist` config types ([#10901](https://github.com/tailwindlabs/tailwindcss/pull/10901))
+- Fix build errors caused by `@tailwindcss/line-clamp` warning ([#10915](https://github.com/tailwindlabs/tailwindcss/pull/10915), [#10919](https://github.com/tailwindlabs/tailwindcss/pull/10919))
+- Fix "process is not defined" error ([#10919](https://github.com/tailwindlabs/tailwindcss/pull/10919))
+
 ## [3.3.0] - 2023-03-27
 
 ### Added
@@ -2211,7 +2236,9 @@ No release notes
 
 - Everything!
 
-[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.3.0...HEAD
+[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.3.2...HEAD
+[3.3.2]: https://github.com/tailwindlabs/tailwindcss/compare/v3.3.1...v3.3.2
+[3.3.1]: https://github.com/tailwindlabs/tailwindcss/compare/v3.3.0...v3.3.1
 [3.3.0]: https://github.com/tailwindlabs/tailwindcss/compare/v3.2.7...v3.3.0
 [3.2.7]: https://github.com/tailwindlabs/tailwindcss/compare/v3.2.6...v3.2.7
 [3.2.6]: https://github.com/tailwindlabs/tailwindcss/compare/v3.2.5...v3.2.6

package/lib/cli/build/deps.js

@@ -10,25 +10,33 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    loadPostcss: ()=>loadPostcss,
-    loadPostcssImport: ()=>loadPostcssImport,
-    loadCssNano: ()=>loadCssNano,
-    loadAutoprefixer: ()=>loadAutoprefixer
+    loadPostcss: function() {
+        return loadPostcss;
+    },
+    loadPostcssImport: function() {
+        return loadPostcssImport;
+    },
+    loadCssNano: function() {
+        return loadCssNano;
+    },
+    loadAutoprefixer: function() {
+        return loadAutoprefixer;
+    }
 });
-const _indexJs = require("../../../peers/index.js");
+const _index = require("../../../peers/index.js");
 function loadPostcss() {
     // Try to load a local `postcss` version first
     try {
         return require("postcss");
     } catch  {}
-    return (0, _indexJs.lazyPostcss)();
+    return (0, _index.lazyPostcss)();
 }
 function loadPostcssImport() {
     // Try to load a local `postcss-import` version first
     try {
         return require("postcss-import");
     } catch  {}
-    return (0, _indexJs.lazyPostcssImport)();
+    return (0, _index.lazyPostcssImport)();
 }
 function loadCssNano() {
     let options = {
@@ -43,12 +51,12 @@ function loadCssNano() {
     try {
         return require("cssnano");
     } catch  {}
-    return (0, _indexJs.lazyCssnano)()(options);
+    return (0, _index.lazyCssnano)()(options);
 }
 function loadAutoprefixer() {
     // Try to load a local `autoprefixer` version first
     try {
         return require("autoprefixer");
     } catch  {}
-    return (0, _indexJs.lazyAutoprefixer)();
+    return (0, _index.lazyAutoprefixer)();
 }

package/lib/cli/build/index.js

@@ -5,13 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "build", {
     enumerable: true,
-    get: ()=>build
+    get: function() {
+        return build;
+    }
 });
-const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
-const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
-const _resolveConfigPathJs = require("../../util/resolveConfigPath.js");
-const _pluginJs = require("./plugin.js");
-function _interopRequireDefault(obj) {
+const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
+const _path = /*#__PURE__*/ _interop_require_default(require("path"));
+const _resolveConfigPath = require("../../util/resolveConfigPath.js");
+const _plugin = require("./plugin.js");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -33,8 +35,8 @@ async function build(args) {
         process.exit(9);
     }
     // TODO: Reference the @config path here if exists
-    let configPath = args["--config"] ? args["--config"] : (0, _resolveConfigPathJs.resolveDefaultConfigPath)();
-    let processor = await (0, _pluginJs.createProcessor)(args, configPath);
+    let configPath = args["--config"] ? args["--config"] : (0, _resolveConfigPath.resolveDefaultConfigPath)();
+    let processor = await (0, _plugin.createProcessor)(args, configPath);
     if (shouldWatch) {
         // Abort the watcher if stdin is closed to avoid zombie processes
         // You can disable this behavior with --watch=always

package/lib/cli/build/plugin.js

@@ -5,29 +5,31 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "createProcessor", {
     enumerable: true,
-    get: ()=>createProcessor
+    get: function() {
+        return createProcessor;
+    }
 });
-const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
-const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
-const _postcssLoadConfig = /*#__PURE__*/ _interopRequireDefault(require("postcss-load-config"));
+const _path = /*#__PURE__*/ _interop_require_default(require("path"));
+const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
+const _postcssloadconfig = /*#__PURE__*/ _interop_require_default(require("postcss-load-config"));
 const _lilconfig = require("lilconfig");
-const _plugins = /*#__PURE__*/ _interopRequireDefault(require("postcss-load-config/src/plugins" // Little bit scary, looking at private/internal API
+const _plugins = /*#__PURE__*/ _interop_require_default(require("postcss-load-config/src/plugins" // Little bit scary, looking at private/internal API
 ));
-const _options = /*#__PURE__*/ _interopRequireDefault(require("postcss-load-config/src/options" // Little bit scary, looking at private/internal API
+const _options = /*#__PURE__*/ _interop_require_default(require("postcss-load-config/src/options" // Little bit scary, looking at private/internal API
 ));
-const _processTailwindFeatures = /*#__PURE__*/ _interopRequireDefault(require("../../processTailwindFeatures"));
+const _processTailwindFeatures = /*#__PURE__*/ _interop_require_default(require("../../processTailwindFeatures"));
 const _deps = require("./deps");
 const _utils = require("./utils");
 const _sharedState = require("../../lib/sharedState");
-const _resolveConfigJs = /*#__PURE__*/ _interopRequireDefault(require("../../../resolveConfig.js"));
-const _contentJs = require("../../lib/content.js");
-const _watchingJs = require("./watching.js");
-const _fastGlob = /*#__PURE__*/ _interopRequireDefault(require("fast-glob"));
-const _findAtConfigPathJs = require("../../lib/findAtConfigPath.js");
-const _log = /*#__PURE__*/ _interopRequireDefault(require("../../util/log"));
-const _loadConfig = require("../../lib/load-config");
-const _getModuleDependencies = /*#__PURE__*/ _interopRequireDefault(require("../../lib/getModuleDependencies"));
-function _interopRequireDefault(obj) {
+const _resolveConfig = /*#__PURE__*/ _interop_require_default(require("../../../resolveConfig.js"));
+const _content = require("../../lib/content.js");
+const _watching = require("./watching.js");
+const _fastglob = /*#__PURE__*/ _interop_require_default(require("fast-glob"));
+const _findAtConfigPath = require("../../lib/findAtConfigPath.js");
+const _log = /*#__PURE__*/ _interop_require_default(require("../../util/log"));
+const _loadconfig = require("../../lib/load-config");
+const _getModuleDependencies = /*#__PURE__*/ _interop_require_default(require("../../lib/getModuleDependencies"));
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -55,7 +57,7 @@ function _interopRequireDefault(obj) {
             plugins: (0, _plugins.default)(config, file),
             options: (0, _options.default)(config, file)
         };
-    })() : await (0, _postcssLoadConfig.default)();
+    })() : await (0, _postcssloadconfig.default)();
     let configPlugins = config.plugins;
     let configPluginTailwindIdx = configPlugins.findIndex((plugin)=>{
         if (typeof plugin === "function" && plugin.name === "tailwindcss") {
@@ -115,7 +117,7 @@ let state = {
     /** @type {import('../../lib/content.js').ContentPath[]} */ contentPaths: [],
     refreshContentPaths () {
         var _this_context;
-        this.contentPaths = (0, _contentJs.parseCandidateFiles)(this.context, (_this_context = this.context) === null || _this_context === void 0 ? void 0 : _this_context.tailwindConfig);
+        this.contentPaths = (0, _content.parseCandidateFiles)(this.context, (_this_context = this.context) === null || _this_context === void 0 ? void 0 : _this_context.tailwindConfig);
     },
     get config () {
         return this.context.tailwindConfig;
@@ -130,7 +132,7 @@ let state = {
         if (this.watcher && configPath) {
             this.refreshConfigDependencies();
         }
-        let config = (0, _loadConfig.loadConfig)(configPath);
+        let config = (0, _loadconfig.loadConfig)(configPath);
         let dependencies = (0, _getModuleDependencies.default)(configPath);
         this.configBag = {
             config,
@@ -142,7 +144,7 @@ let state = {
             }
         };
         // @ts-ignore
-        this.configBag.config = (0, _resolveConfigJs.default)(this.configBag.config, {
+        this.configBag.config = (0, _resolveConfig.default)(this.configBag.config, {
             content: {
                 files: []
             }
@@ -163,9 +165,9 @@ let state = {
         let content = [];
         // Resolve globs from the content config
         // TODO: When we make the postcss plugin async-capable this can become async
-        let files = _fastGlob.default.sync(this.contentPatterns.all);
+        let files = _fastglob.default.sync(this.contentPatterns.all);
         for (let file of files){
-            if (_sharedState.env.OXIDE) {
+            if (false) {
                 content.push({
                     file,
                     extension: _path.default.extname(file).slice(1)
@@ -195,8 +197,8 @@ let state = {
             return this.context;
         }
         _sharedState.env.DEBUG && console.time("Searching for config");
-        var _findAtConfigPath;
-        let configPath = (_findAtConfigPath = (0, _findAtConfigPathJs.findAtConfigPath)(root, result)) !== null && _findAtConfigPath !== void 0 ? _findAtConfigPath : cliConfigPath;
+        var _findAtConfigPath1;
+        let configPath = (_findAtConfigPath1 = (0, _findAtConfigPath.findAtConfigPath)(root, result)) !== null && _findAtConfigPath1 !== void 0 ? _findAtConfigPath1 : cliConfigPath;
         _sharedState.env.DEBUG && console.timeEnd("Searching for config");
         _sharedState.env.DEBUG && console.time("Loading config");
         let config = this.loadConfig(configPath, content);
@@ -351,7 +353,7 @@ async function createProcessor(args, cliConfigPath) {
     return {
         build,
         watch: async ()=>{
-            state.watcher = (0, _watchingJs.createWatcher)(args, {
+            state.watcher = (0, _watching.createWatcher)(args, {
                 state,
                 /**
          * @param {{file: string, content(): Promise<string>, extension: string}[]} changes

package/lib/cli/build/utils.js

@@ -10,15 +10,25 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    indentRecursive: ()=>indentRecursive,
-    formatNodes: ()=>formatNodes,
-    readFileWithRetries: ()=>readFileWithRetries,
-    drainStdin: ()=>drainStdin,
-    outputFile: ()=>outputFile
+    indentRecursive: function() {
+        return indentRecursive;
+    },
+    formatNodes: function() {
+        return formatNodes;
+    },
+    readFileWithRetries: function() {
+        return readFileWithRetries;
+    },
+    drainStdin: function() {
+        return drainStdin;
+    },
+    outputFile: function() {
+        return outputFile;
+    }
 });
-const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
-const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
-function _interopRequireDefault(obj) {
+const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
+const _path = /*#__PURE__*/ _interop_require_default(require("path"));
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };

package/lib/cli/build/watching.js

@@ -5,15 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "createWatcher", {
     enumerable: true,
-    get: ()=>createWatcher
+    get: function() {
+        return createWatcher;
+    }
 });
-const _chokidar = /*#__PURE__*/ _interopRequireDefault(require("chokidar"));
-const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
-const _micromatch = /*#__PURE__*/ _interopRequireDefault(require("micromatch"));
-const _normalizePath = /*#__PURE__*/ _interopRequireDefault(require("normalize-path"));
-const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
-const _utilsJs = require("./utils.js");
-function _interopRequireDefault(obj) {
+const _chokidar = /*#__PURE__*/ _interop_require_default(require("chokidar"));
+const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
+const _micromatch = /*#__PURE__*/ _interop_require_default(require("micromatch"));
+const _normalizepath = /*#__PURE__*/ _interop_require_default(require("normalize-path"));
+const _path = /*#__PURE__*/ _interop_require_default(require("path"));
+const _utils = require("./utils.js");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -111,7 +113,7 @@ function createWatcher(args, { state , rebuild  }) {
     // This can happen when a file is pseudo-atomically replaced (a copy is created, overwritten, the old one is unlinked, and the new one is renamed)
     // TODO: An an optimization we should allow removal when the config changes
     watcher.on("unlink", (file)=>{
-        file = (0, _normalizePath.default)(file);
+        file = (0, _normalizepath.default)(file);
         // Only re-add the file if it's not covered by a dynamic pattern
         if (!_micromatch.default.some([
             file
@@ -150,7 +152,7 @@ function createWatcher(args, { state , rebuild  }) {
                 // We need to read the file as early as possible outside of the chain
                 // because it may be gone by the time we get to it. doing the read
                 // immediately increases the chance that the file is still there
-                let content = await (0, _utilsJs.readFileWithRetries)(_path.default.resolve(filePath));
+                let content = await (0, _utils.readFileWithRetries)(_path.default.resolve(filePath));
                 if (content === undefined) {
                     return;
                 }

package/lib/cli/help/index.js

@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "help", {
     enumerable: true,
-    get: ()=>help
+    get: function() {
+        return help;
+    }
 });
-const _packageJson = /*#__PURE__*/ _interopRequireDefault(require("../../../package.json"));
-function _interopRequireDefault(obj) {
+const _packagejson = /*#__PURE__*/ _interop_require_default(require("../../../package.json"));
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -17,7 +19,7 @@ function help({ message , usage , commands , options  }) {
     let indent = 2;
     // Render header
     console.log();
-    console.log(`${_packageJson.default.name} v${_packageJson.default.version}`);
+    console.log(`${_packagejson.default.name} v${_packagejson.default.version}`);
     // Render message
     if (message) {
         console.log();

package/lib/cli/index.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
-const _arg = /*#__PURE__*/ _interopRequireDefault(require("arg"));
-const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
+const _path = /*#__PURE__*/ _interop_require_default(require("path"));
+const _arg = /*#__PURE__*/ _interop_require_default(require("arg"));
+const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
 const _build = require("./build");
 const _help = require("./help");
 const _init = require("./init");
-function _interopRequireDefault(obj) {
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };

package/lib/cli/init/index.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "init", {
     enumerable: true,
-    get: ()=>init
+    get: function() {
+        return init;
+    }
 });
-const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
-const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
-function _interopRequireDefault(obj) {
+const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
+const _path = /*#__PURE__*/ _interop_require_default(require("path"));
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -47,8 +49,8 @@ function init(args) {
         if (_fs.default.existsSync(postcssConfigLocation)) {
             messages.push(`${_path.default.basename(postcssConfigLocation)} already exists.`);
         } else {
-            let stubFile1 = _fs.default.readFileSync(isProjectESM ? _path.default.resolve(__dirname, "../../../stubs/postcss.config.js") : _path.default.resolve(__dirname, "../../../stubs/postcss.config.cjs"), "utf8");
-            _fs.default.writeFileSync(postcssConfigLocation, stubFile1, "utf8");
+            let stubFile = _fs.default.readFileSync(isProjectESM ? _path.default.resolve(__dirname, "../../../stubs/postcss.config.js") : _path.default.resolve(__dirname, "../../../stubs/postcss.config.cjs"), "utf8");
+            _fs.default.writeFileSync(postcssConfigLocation, stubFile, "utf8");
             messages.push(`Created PostCSS config file: ${_path.default.basename(postcssConfigLocation)}`);
         }
     }

package/lib/cli-peer-dependencies.js

@@ -9,10 +9,18 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    lazyPostcss: ()=>lazyPostcss,
-    lazyPostcssImport: ()=>lazyPostcssImport,
-    lazyAutoprefixer: ()=>lazyAutoprefixer,
-    lazyCssnano: ()=>lazyCssnano
+    lazyPostcss: function() {
+        return lazyPostcss;
+    },
+    lazyPostcssImport: function() {
+        return lazyPostcssImport;
+    },
+    lazyAutoprefixer: function() {
+        return lazyAutoprefixer;
+    },
+    lazyCssnano: function() {
+        return lazyCssnano;
+    }
 });
 function lazyPostcss() {
     return require("postcss");

package/lib/cli.js

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

package/lib/corePluginList.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>_default
+    get: function() {
+        return _default;
+    }
 });
 const _default = [
     "preflight",

package/lib/corePlugins.js

@@ -9,30 +9,33 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    variantPlugins: ()=>variantPlugins,
-    corePlugins: ()=>corePlugins
+    variantPlugins: function() {
+        return variantPlugins;
+    },
+    corePlugins: function() {
+        return corePlugins;
+    }
 });
-const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
-const _path = /*#__PURE__*/ _interopRequireWildcard(require("path"));
-const _postcss = /*#__PURE__*/ _interopRequireDefault(require("postcss"));
-const _sharedState = require("./lib/sharedState");
-const _createUtilityPlugin = /*#__PURE__*/ _interopRequireDefault(require("./util/createUtilityPlugin"));
-const _buildMediaQuery = /*#__PURE__*/ _interopRequireDefault(require("./util/buildMediaQuery"));
-const _escapeClassName = /*#__PURE__*/ _interopRequireDefault(require("./util/escapeClassName"));
-const _parseAnimationValue = /*#__PURE__*/ _interopRequireDefault(require("./util/parseAnimationValue"));
-const _flattenColorPalette = /*#__PURE__*/ _interopRequireDefault(require("./util/flattenColorPalette"));
-const _withAlphaVariable = /*#__PURE__*/ _interopRequireWildcard(require("./util/withAlphaVariable"));
-const _toColorValue = /*#__PURE__*/ _interopRequireDefault(require("./util/toColorValue"));
-const _isPlainObject = /*#__PURE__*/ _interopRequireDefault(require("./util/isPlainObject"));
-const _transformThemeValue = /*#__PURE__*/ _interopRequireDefault(require("./util/transformThemeValue"));
-const _packageJson = require("../package.json");
-const _log = /*#__PURE__*/ _interopRequireDefault(require("./util/log"));
+const _fs = /*#__PURE__*/ _interop_require_default(require("fs"));
+const _path = /*#__PURE__*/ _interop_require_wildcard(require("path"));
+const _postcss = /*#__PURE__*/ _interop_require_default(require("postcss"));
+const _createUtilityPlugin = /*#__PURE__*/ _interop_require_default(require("./util/createUtilityPlugin"));
+const _buildMediaQuery = /*#__PURE__*/ _interop_require_default(require("./util/buildMediaQuery"));
+const _escapeClassName = /*#__PURE__*/ _interop_require_default(require("./util/escapeClassName"));
+const _parseAnimationValue = /*#__PURE__*/ _interop_require_default(require("./util/parseAnimationValue"));
+const _flattenColorPalette = /*#__PURE__*/ _interop_require_default(require("./util/flattenColorPalette"));
+const _withAlphaVariable = /*#__PURE__*/ _interop_require_wildcard(require("./util/withAlphaVariable"));
+const _toColorValue = /*#__PURE__*/ _interop_require_default(require("./util/toColorValue"));
+const _isPlainObject = /*#__PURE__*/ _interop_require_default(require("./util/isPlainObject"));
+const _transformThemeValue = /*#__PURE__*/ _interop_require_default(require("./util/transformThemeValue"));
+const _packagejson = require("../package.json");
+const _log = /*#__PURE__*/ _interop_require_default(require("./util/log"));
 const _normalizeScreens = require("./util/normalizeScreens");
 const _parseBoxShadowValue = require("./util/parseBoxShadowValue");
 const _removeAlphaVariables = require("./util/removeAlphaVariables");
 const _featureFlags = require("./featureFlags");
 const _dataTypes = require("./util/dataTypes");
-function _interopRequireDefault(obj) {
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -45,7 +48,7 @@ function _getRequireWildcardCache(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interopRequireWildcard(obj, nodeInterop) {
+function _interop_require_wildcard(obj, nodeInterop) {
     if (!nodeInterop && obj && obj.__esModule) {
         return obj;
     }
@@ -378,11 +381,11 @@ let variantPlugins = {
         });
         // screens and min-* are sorted together when they can be
         let id = "min-screens";
-        for (let screen1 of screens){
-            addVariant(screen1.name, `@media ${(0, _buildMediaQuery.default)(screen1)}`, {
+        for (let screen of screens){
+            addVariant(screen.name, `@media ${(0, _buildMediaQuery.default)(screen)}`, {
                 id,
                 sort: areSimpleScreens && screensUseConsistentUnits ? minSort : undefined,
-                value: screen1
+                value: screen
             });
         }
         matchVariant("min", buildScreenVariant("min"), {
@@ -484,7 +487,7 @@ let corePlugins = {
         let preflightStyles = _postcss.default.parse(_fs.default.readFileSync(_path.join(__dirname, "./css/preflight.css"), "utf8"));
         addBase([
             _postcss.default.comment({
-                text: `! tailwindcss v${_packageJson.version} | MIT License | https://tailwindcss.com`
+                text: `! tailwindcss v${_packagejson.version} | MIT License | https://tailwindcss.com`
             }),
             ...preflightStyles.nodes
         ]);
@@ -1936,7 +1939,7 @@ let corePlugins = {
         matchUtilities({
             "space-x": (value)=>{
                 value = value === "0" ? "0px" : value;
-                if (_sharedState.env.OXIDE) {
+                if (false) {
                     return {
                         "& > :not([hidden]) ~ :not([hidden])": {
                             "--tw-space-x-reverse": "0",
@@ -1980,7 +1983,7 @@ let corePlugins = {
         matchUtilities({
             "divide-x": (value)=>{
                 value = value === "0" ? "0px" : value;
-                if (_sharedState.env.OXIDE) {
+                if (false) {
                     return {
                         "& > :not([hidden]) ~ :not([hidden])": {
                             "@defaults border-width": {},
@@ -2732,7 +2735,12 @@ let corePlugins = {
         function transparentTo(value) {
             return (0, _withAlphaVariable.withAlphaValue)(value, 0, "rgb(255 255 255 / 0)");
         }
-        return function({ matchUtilities , theme  }) {
+        return function({ matchUtilities , theme , addDefaults  }) {
+            addDefaults("gradient-color-stops", {
+                "--tw-gradient-from-position": " ",
+                "--tw-gradient-via-position": " ",
+                "--tw-gradient-to-position": " "
+            });
             let options = {
                 values: (0, _flattenColorPalette.default)(theme("gradientColorStops")),
                 type: [
@@ -2751,10 +2759,9 @@ let corePlugins = {
                 from: (value)=>{
                     let transparentToValue = transparentTo(value);
                     return {
-                        "--tw-gradient-from": `${(0, _toColorValue.default)(value, "from")} var(--tw-gradient-from-position)`,
-                        "--tw-gradient-from-position": " ",
-                        "--tw-gradient-to": `${transparentToValue}  var(--tw-gradient-from-position)`,
-                        "--tw-gradient-to-position": " ",
+                        "@defaults gradient-color-stops": {},
+                        "--tw-gradient-from": `${(0, _toColorValue.default)(value)} var(--tw-gradient-from-position)`,
+                        "--tw-gradient-to": `${transparentToValue} var(--tw-gradient-to-position)`,
                         "--tw-gradient-stops": `var(--tw-gradient-from), var(--tw-gradient-to)`
                     };
                 }
@@ -2770,10 +2777,9 @@ let corePlugins = {
                 via: (value)=>{
                     let transparentToValue = transparentTo(value);
                     return {
-                        "--tw-gradient-via-position": " ",
+                        "@defaults gradient-color-stops": {},
                         "--tw-gradient-to": `${transparentToValue}  var(--tw-gradient-to-position)`,
-                        "--tw-gradient-to-position": " ",
-                        "--tw-gradient-stops": `var(--tw-gradient-from), ${(0, _toColorValue.default)(value, "via")} var(--tw-gradient-via-position), var(--tw-gradient-to)`
+                        "--tw-gradient-stops": `var(--tw-gradient-from), ${(0, _toColorValue.default)(value)} var(--tw-gradient-via-position), var(--tw-gradient-to)`
                     };
                 }
             }, options);
@@ -2786,8 +2792,8 @@ let corePlugins = {
             }, positionOptions);
             matchUtilities({
                 to: (value)=>({
-                        "--tw-gradient-to": `${(0, _toColorValue.default)(value, "to")} var(--tw-gradient-to-position)`,
-                        "--tw-gradient-to-position": " "
+                        "@defaults gradient-color-stops": {},
+                        "--tw-gradient-to": `${(0, _toColorValue.default)(value)} var(--tw-gradient-to-position)`
                     })
             }, options);
             matchUtilities({

package/lib/featureFlags.js

@@ -9,14 +9,19 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    flagEnabled: ()=>flagEnabled,
-    issueFlagNotices: ()=>issueFlagNotices,
-    default: ()=>_default
+    flagEnabled: function() {
+        return flagEnabled;
+    },
+    issueFlagNotices: function() {
+        return issueFlagNotices;
+    },
+    default: function() {
+        return _default;
+    }
 });
-const _picocolors = /*#__PURE__*/ _interopRequireDefault(require("picocolors"));
-const _log = /*#__PURE__*/ _interopRequireDefault(require("./util/log"));
-const _sharedState = require("./lib/sharedState");
-function _interopRequireDefault(obj) {
+const _picocolors = /*#__PURE__*/ _interop_require_default(require("picocolors"));
+const _log = /*#__PURE__*/ _interop_require_default(require("./util/log"));
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -25,10 +30,10 @@ let defaults = {
     optimizeUniversalDefaults: false,
     generalizedModifiers: true,
     get disableColorOpacityUtilitiesByDefault () {
-        return _sharedState.env.OXIDE;
+        return false;
     },
     get relativeContentPathsByDefault () {
-        return _sharedState.env.OXIDE;
+        return false;
     }
 };
 let featureFlags = {