tailwindcss 3.0.24 → 3.1.0

package/CHANGELOG.md

@@ -7,9 +7,61 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-Nothing yet!
+- Nothing yet!
 
-## [3.0.24] - 2022-05-12
+## [3.1.0] - 2022-06-08
+
+### Fixed
+
+- Types: allow for arbitrary theme values (for 3rd party plugins) ([#7926](https://github.com/tailwindlabs/tailwindcss/pull/7926))
+- Don’t split vars with numbers in them inside arbitrary values ([#8091](https://github.com/tailwindlabs/tailwindcss/pull/8091))
+- Require matching prefix when detecting negatives ([#8121](https://github.com/tailwindlabs/tailwindcss/pull/8121))
+- Handle duplicate At Rules without children ([#8122](https://github.com/tailwindlabs/tailwindcss/pull/8122))
+- Allow arbitrary values with commas in `@apply` ([#8125](https://github.com/tailwindlabs/tailwindcss/pull/8125))
+- Fix intellisense for plugins with multiple `@apply` rules ([#8213](https://github.com/tailwindlabs/tailwindcss/pull/8213))
+- Improve type detection for arbitrary color values ([#8201](https://github.com/tailwindlabs/tailwindcss/pull/8201))
+- Support PostCSS config options in config file in CLI ([#8226](https://github.com/tailwindlabs/tailwindcss/pull/8226))
+- Remove default `[hidden]` style in preflight ([#8248](https://github.com/tailwindlabs/tailwindcss/pull/8248))
+- Only check selectors containing base apply candidates for circular dependencies ([#8222](https://github.com/tailwindlabs/tailwindcss/pull/8222))
+- Rewrite default class extractor ([#8204](https://github.com/tailwindlabs/tailwindcss/pull/8204))
+- Move `important` selector to the front when `@apply`-ing selector-modifying variants in custom utilities ([#8313](https://github.com/tailwindlabs/tailwindcss/pull/8313))
+- Error when registering an invalid custom variant ([#8345](https://github.com/tailwindlabs/tailwindcss/pull/8345))
+- Create tailwind.config.cjs file in ESM package when running init ([#8363](https://github.com/tailwindlabs/tailwindcss/pull/8363))
+- Fix `matchVariants` that use at-rules and placeholders ([#8392](https://github.com/tailwindlabs/tailwindcss/pull/8392))
+- Improve types of the `tailwindcss/plugin` ([#8400](https://github.com/tailwindlabs/tailwindcss/pull/8400))
+- Allow returning parallel variants from `addVariant` or `matchVariant` callback functions ([#8455](https://github.com/tailwindlabs/tailwindcss/pull/8455))
+- Try using local `postcss` installation first in the CLI ([#8270](https://github.com/tailwindlabs/tailwindcss/pull/8270))
+- Allow default ring color to be a function ([#7587](https://github.com/tailwindlabs/tailwindcss/pull/7587))
+- Don't inherit `to` value from parent gradients ([#8489](https://github.com/tailwindlabs/tailwindcss/pull/8489))
+- Remove process dependency from log functions ([#8530](https://github.com/tailwindlabs/tailwindcss/pull/8530))
+- Ensure we can use `@import 'tailwindcss/...'` without node_modules ([#8537](https://github.com/tailwindlabs/tailwindcss/pull/8537))
+
+### Changed
+
+- Only apply hover styles when supported (future) ([#8394](https://github.com/tailwindlabs/tailwindcss/pull/8394))
+- Respect default ring color opacity (future) ([#8448](https://github.com/tailwindlabs/tailwindcss/pull/8448), [3f4005e](https://github.com/tailwindlabs/tailwindcss/commit/3f4005e833445f7549219eb5ae89728cbb3a2630))
+
+### Added
+
+- Support PostCSS `Document` nodes ([#7291](https://github.com/tailwindlabs/tailwindcss/pull/7291))
+- Add `text-start` and `text-end` utilities ([#6656](https://github.com/tailwindlabs/tailwindcss/pull/6656))
+- Support customizing class name when using `darkMode: 'class'` ([#5800](https://github.com/tailwindlabs/tailwindcss/pull/5800))
+- Add `--poll` option to the CLI ([#7725](https://github.com/tailwindlabs/tailwindcss/pull/7725))
+- Add new `border-spacing` utilities ([#7102](https://github.com/tailwindlabs/tailwindcss/pull/7102))
+- Add `enabled` variant ([#7905](https://github.com/tailwindlabs/tailwindcss/pull/7905))
+- Add TypeScript types for the `tailwind.config.js` file ([#7891](https://github.com/tailwindlabs/tailwindcss/pull/7891))
+- Add `backdrop` variant ([#7924](https://github.com/tailwindlabs/tailwindcss/pull/7924), [#8526](https://github.com/tailwindlabs/tailwindcss/pull/8526))
+- Add `grid-flow-dense` utility ([#8193](https://github.com/tailwindlabs/tailwindcss/pull/8193))
+- Add `mix-blend-plus-lighter` utility ([#8288](https://github.com/tailwindlabs/tailwindcss/pull/8288))
+- Add arbitrary variants ([#8299](https://github.com/tailwindlabs/tailwindcss/pull/8299))
+- Add experimental `matchVariant` API ([#8310](https://github.com/tailwindlabs/tailwindcss/pull/8310), [34fd0fb8](https://github.com/tailwindlabs/tailwindcss/commit/34fd0fb82aa574cddc5c7aa3ad7d1af5e3735e5d))
+- Add `prefers-contrast` media query variants ([#8410](https://github.com/tailwindlabs/tailwindcss/pull/8410))
+- Add opacity support when referencing colors with `theme` function ([#8416](https://github.com/tailwindlabs/tailwindcss/pull/8416))
+- Add `postcss-import` support to the CLI ([#8437](https://github.com/tailwindlabs/tailwindcss/pull/8437))
+- Add `optional` variant ([#8486](https://github.com/tailwindlabs/tailwindcss/pull/8486))
+- Add `<alpha-value>` placeholder support for custom colors ([#8501](https://github.com/tailwindlabs/tailwindcss/pull/8501))
+
+## [3.0.24] - 2022-04-12
 
 ### Fixed
 
@@ -27,6 +79,7 @@ Nothing yet!
 - Allow for custom properties in `rgb`, `rgba`, `hsl` and `hsla` colors ([#7933](https://github.com/tailwindlabs/tailwindcss/pull/7933))
 - Remove autoprefixer as explicit peer-dependency to avoid invalid warnings in situations where it isn't actually needed ([#7949](https://github.com/tailwindlabs/tailwindcss/pull/7949))
 - Ensure the `percentage` data type is validated correctly ([#8015](https://github.com/tailwindlabs/tailwindcss/pull/8015))
+- Make sure `font-weight` is inherited by form controls in all browsers ([#8078](https://github.com/tailwindlabs/tailwindcss/pull/8078))
 
 ### Changed
 
@@ -1899,7 +1952,8 @@ No release notes
 
 - Everything!
 
-[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.24...HEAD
+[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.0...HEAD
+[3.1.0]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.24...v3.1.0
 [3.0.24]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.23...v3.0.24
 [3.0.23]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.22...v3.0.23
 [3.0.22]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.21...v3.0.22

package/colors.d.ts

@@ -0,0 +1,3 @@
+import type { DefaultColors } from './types/generated/colors'
+declare const colors: DefaultColors
+export = colors

package/defaultConfig.d.ts

@@ -0,0 +1,3 @@
+import type { Config } from './types/config'
+declare const config: Config
+export = config

package/defaultTheme.d.ts

@@ -0,0 +1,3 @@
+import type { Config } from './types/config'
+declare const theme: Config['theme']
+export = theme

package/lib/cli-peer-dependencies.js

@@ -2,11 +2,16 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+exports.lazyPostcss = lazyPostcss;
+exports.lazyPostcssImport = lazyPostcssImport;
 exports.lazyAutoprefixer = lazyAutoprefixer;
 exports.lazyCssnano = lazyCssnano;
-exports.postcss = void 0;
-let postcss = require("postcss");
-exports.postcss = postcss;
+function lazyPostcss() {
+    return require("postcss");
+}
+function lazyPostcssImport() {
+    return require("postcss-import");
+}
 function lazyAutoprefixer() {
     return require("autoprefixer");
 }

package/lib/cli.js

@@ -9,6 +9,8 @@ var _postcssLoadConfig = _interopRequireDefault(require("postcss-load-config"));
 var _lilconfig = require("lilconfig");
 var _plugins // Little bit scary, looking at private/internal API
  = _interopRequireDefault(require("postcss-load-config/src/plugins"));
+var _options // Little bit scary, looking at private/internal API
+ = _interopRequireDefault(require("postcss-load-config/src/options"));
 var _processTailwindFeatures = _interopRequireDefault(require("./processTailwindFeatures"));
 var _resolveConfig = _interopRequireDefault(require("../resolveConfig"));
 var _fastGlob = _interopRequireDefault(require("fast-glob"));
@@ -16,6 +18,7 @@ var _getModuleDependencies = _interopRequireDefault(require("./lib/getModuleDepe
 var _log = _interopRequireDefault(require("./util/log"));
 var _packageJson = _interopRequireDefault(require("../package.json"));
 var _normalizePath = _interopRequireDefault(require("normalize-path"));
+var _validateConfigJs = require("./util/validateConfig.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -24,6 +27,22 @@ function _interopRequireDefault(obj) {
 let env = {
     DEBUG: process.env.DEBUG !== undefined && process.env.DEBUG !== "0"
 };
+function isESM() {
+    const pkgPath = _path.default.resolve("./package.json");
+    try {
+        let pkg = JSON.parse(_fs.default.readFileSync(pkgPath, "utf8"));
+        return pkg.type && pkg.type === "module";
+    } catch (err) {
+        return false;
+    }
+}
+let configs = isESM() ? {
+    tailwind: "tailwind.config.cjs",
+    postcss: "postcss.config.cjs"
+} : {
+    tailwind: "tailwind.config.js",
+    postcss: "postcss.config.js"
+};
 // ---
 function indentRecursive(node, indent = 0) {
     node.each && node.each((child, i)=>{
@@ -53,10 +72,8 @@ function drainStdin() {
         process.stdin.on("data", (chunk)=>{
             result += chunk;
         });
-        process.stdin.on("end", ()=>resolve(result)
-        );
-        process.stdin.on("error", (err)=>reject(err)
-        );
+        process.stdin.on("end", ()=>resolve(result));
+        process.stdin.on("error", (err)=>reject(err));
     });
 }
 function help({ message , usage , commands: commands1 , options  }) {
@@ -128,21 +145,24 @@ function oneOf(...options) {
         manualParsing: true
     });
 }
+function loadPostcss() {
+    // Try to load a local `postcss` version first
+    try {
+        return require("postcss");
+    } catch  {}
+    return (0, _indexJs).lazyPostcss();
+}
 let commands = {
     init: {
         run: init,
         args: {
             "--full": {
                 type: Boolean,
-                description: "Initialize a full `tailwind.config.js` file"
+                description: `Initialize a full \`${configs.tailwind}\` file`
             },
             "--postcss": {
                 type: Boolean,
-                description: "Initialize a `postcss.config.js` file"
-            },
-            "--types": {
-                type: Boolean,
-                description: "Add TypeScript types for the `tailwind.config.js` file"
+                description: `Initialize a \`${configs.postcss}\` file`
             },
             "-f": "--full",
             "-p": "--postcss"
@@ -163,12 +183,11 @@ let commands = {
                 type: Boolean,
                 description: "Watch for changes and rebuild as needed"
             },
-            /*
-      '--poll': {
-        type: Boolean,
-        description: 'Use polling instead of filesystem events when watching',
-      },
-      */ "--content": {
+            "--poll": {
+                type: Boolean,
+                description: "Use polling instead of filesystem events when watching"
+            },
+            "--content": {
                 type: String,
                 description: "Content paths to use for removing unused classes"
             },
@@ -196,7 +215,8 @@ let commands = {
             "-i": "--input",
             "-o": "--output",
             "-m": "--minify",
-            "-w": "--watch"
+            "-w": "--watch",
+            "-p": "--poll"
         }
     }
 };
@@ -207,16 +227,13 @@ let sharedFlags = {
     },
     "-h": "--help"
 };
-if (process.stdout.isTTY /* Detect redirecting output to a file */  && (process.argv[2] === undefined || process.argv.slice(2).every((flag)=>sharedFlags[flag] !== undefined
-))) {
+if (process.stdout.isTTY /* Detect redirecting output to a file */  && (process.argv[2] === undefined || process.argv.slice(2).every((flag)=>sharedFlags[flag] !== undefined))) {
     help({
         usage: [
             "tailwindcss [--input input.css] [--output output.css] [--watch] [options...]",
-            "tailwindcss init [--full] [--postcss] [--types] [options...]", 
+            "tailwindcss init [--full] [--postcss] [options...]", 
         ],
-        commands: Object.keys(commands).filter((command2)=>command2 !== "build"
-        ).map((command3)=>`${command3} [options]`
-        ),
+        commands: Object.keys(commands).filter((command2)=>command2 !== "build").map((command3)=>`${command3} [options]`),
         options: {
             ...commands.build.args,
             ...sharedFlags
@@ -224,8 +241,7 @@ if (process.stdout.isTTY /* Detect redirecting output to a file */  && (process.
     });
     process.exit(0);
 }
-let command = ((arg = "")=>arg.startsWith("-") ? undefined : arg
-)(process.argv[2]) || "build";
+let command = ((arg = "")=>arg.startsWith("-") ? undefined : arg)(process.argv[2]) || "build";
 if (commands[command] === undefined) {
     if (_fs.default.existsSync(_path.default.resolve(command))) {
         // TODO: Deprecate this in future versions
@@ -237,9 +253,7 @@ if (commands[command] === undefined) {
             usage: [
                 "tailwindcss <command> [options]"
             ],
-            commands: Object.keys(commands).filter((command4)=>command4 !== "build"
-            ).map((command5)=>`${command5} [options]`
-            ),
+            commands: Object.keys(commands).filter((command4)=>command4 !== "build").map((command5)=>`${command5} [options]`),
             options: sharedFlags
         });
         process.exit(1);
@@ -258,8 +272,7 @@ let args = (()=>{
         }).map(([key, value])=>[
                 key,
                 typeof value === "object" ? value.type : value
-            ]
-        )), {
+            ])), {
             permissive: true
         });
         // Manual parsing of flags to allow for special flags like oneOf(Boolean, String)
@@ -326,22 +339,18 @@ run();
 function init() {
     let messages = [];
     var ref;
-    let tailwindConfigLocation = _path.default.resolve((ref = args["_"][1]) !== null && ref !== void 0 ? ref : "./tailwind.config.js");
+    let tailwindConfigLocation = _path.default.resolve((ref = args["_"][1]) !== null && ref !== void 0 ? ref : `./${configs.tailwind}`);
     if (_fs.default.existsSync(tailwindConfigLocation)) {
         messages.push(`${_path.default.basename(tailwindConfigLocation)} already exists.`);
     } else {
         let stubFile = _fs.default.readFileSync(args["--full"] ? _path.default.resolve(__dirname, "../stubs/defaultConfig.stub.js") : _path.default.resolve(__dirname, "../stubs/simpleConfig.stub.js"), "utf8");
-        if (args["--types"]) {
-            let typesHeading = "/** @type {import('tailwindcss/types').Config} */";
-            stubFile = stubFile.replace(`module.exports = `, `${typesHeading}\nconst config = `) + "\nmodule.exports = config";
-        }
         // Change colors import
         stubFile = stubFile.replace("../colors", "tailwindcss/colors");
         _fs.default.writeFileSync(tailwindConfigLocation, stubFile, "utf8");
         messages.push(`Created Tailwind CSS config file: ${_path.default.basename(tailwindConfigLocation)}`);
     }
     if (args["--postcss"]) {
-        let postcssConfigLocation = _path.default.resolve("./postcss.config.js");
+        let postcssConfigLocation = _path.default.resolve(`./${configs.postcss}`);
         if (_fs.default.existsSync(postcssConfigLocation)) {
             messages.push(`${_path.default.basename(postcssConfigLocation)} already exists.`);
         } else {
@@ -361,10 +370,8 @@ async function build() {
     let input = args["--input"];
     let output = args["--output"];
     let shouldWatch = args["--watch"];
-    let shouldPoll = false;
-    /*
-  let shouldPoll = args['--poll']
-  */ let shouldCoalesceWriteEvents = shouldPoll || process.platform === "win32";
+    let shouldPoll = args["--poll"];
+    let shouldCoalesceWriteEvents = shouldPoll || process.platform === "win32";
     let includePostCss = args["--postcss"];
     // Polling interval in milliseconds
     // Used only when polling or coalescing add/change events on Windows
@@ -382,11 +389,10 @@ async function build() {
         console.error(`Specified config file ${args["--config"]} does not exist.`);
         process.exit(9);
     }
-    let configPath = args["--config"] ? args["--config"] : ((defaultPath)=>_fs.default.existsSync(defaultPath) ? defaultPath : null
-    )(_path.default.resolve("./tailwind.config.js"));
+    let configPath = args["--config"] ? args["--config"] : ((defaultPath)=>_fs.default.existsSync(defaultPath) ? defaultPath : null)(_path.default.resolve(`./${configs.tailwind}`));
     async function loadPostCssPlugins() {
         let customPostCssPath = typeof args["--postcss"] === "string" ? args["--postcss"] : undefined;
-        let { plugins: configPlugins  } = customPostCssPath ? await (async ()=>{
+        let config1 = customPostCssPath ? await (async ()=>{
             let file = _path.default.resolve(customPostCssPath);
             // Implementation, see: https://unpkg.com/browse/postcss-load-config@3.1.0/src/index.js
             let { config ={}  } = await (0, _lilconfig).lilconfig("postcss").load(file);
@@ -399,9 +405,12 @@ async function build() {
                 config.plugins = [];
             }
             return {
-                plugins: (0, _plugins).default(config, file)
+                file,
+                plugins: (0, _plugins).default(config, file),
+                options: (0, _options).default(config, file)
             };
         })() : await (0, _postcssLoadConfig).default();
+        let configPlugins = config1.plugins;
         let configPluginTailwindIdx = configPlugins.findIndex((plugin)=>{
             if (typeof plugin === "function" && plugin.name === "tailwindcss") {
                 return true;
@@ -415,7 +424,8 @@ async function build() {
         let afterPlugins = configPluginTailwindIdx === -1 ? configPlugins : configPlugins.slice(configPluginTailwindIdx + 1);
         return [
             beforePlugins,
-            afterPlugins
+            afterPlugins,
+            config1.options
         ];
     }
     function resolveConfig() {
@@ -437,9 +447,12 @@ async function build() {
                 }
             });
             resolvedConfig.content.files = files;
+            resolvedConfig = (0, _validateConfigJs).validateConfig(resolvedConfig);
             return resolvedConfig;
         }
-        return (0, _resolveConfig).default(config);
+        let resolvedConfig = (0, _resolveConfig).default(config);
+        resolvedConfig = (0, _validateConfigJs).validateConfig(resolvedConfig);
+        return resolvedConfig;
     }
     function extractFileGlobs(config) {
         return config.content.files.filter((file)=>{
@@ -447,8 +460,7 @@ async function build() {
             // like an object it's probably a raw content object. But this object
             // is not watchable, so let's remove it.
             return typeof file === "string";
-        }).map((glob)=>(0, _normalizePath).default(glob)
-        );
+        }).map((glob)=>(0, _normalizePath).default(glob));
     }
     function extractRawContent(config) {
         return config.content.files.filter((file)=>{
@@ -491,9 +503,39 @@ async function build() {
             };
         };
         tailwindPlugin.postcss = true;
-        let [beforePlugins, afterPlugins] = includePostCss ? await loadPostCssPlugins() : [
+        let IMPORT_COMMENT = "__TAILWIND_RESTORE_IMPORT__: ";
+        let [beforePlugins, afterPlugins, postcssOptions] = includePostCss ? await loadPostCssPlugins() : [
+            [
+                (root)=>{
+                    root.walkAtRules("import", (rule)=>{
+                        if (rule.params.slice(1).startsWith("tailwindcss/")) {
+                            rule.after(postcss.comment({
+                                text: IMPORT_COMMENT + rule.params
+                            }));
+                            rule.remove();
+                        }
+                    });
+                },
+                (()=>{
+                    try {
+                        return require("postcss-import");
+                    } catch  {}
+                    return (0, _indexJs).lazyPostcssImport();
+                })(),
+                (root)=>{
+                    root.walkComments((rule)=>{
+                        if (rule.text.startsWith(IMPORT_COMMENT)) {
+                            rule.after(postcss.atRule({
+                                name: "import",
+                                params: rule.text.replace(IMPORT_COMMENT, "")
+                            }));
+                            rule.remove();
+                        }
+                    });
+                }, 
+            ],
             [],
-            []
+            {}, 
         ];
         let plugins = [
             ...beforePlugins,
@@ -523,17 +565,17 @@ async function build() {
                 return (0, _indexJs).lazyCssnano()(options);
             })(), 
         ].filter(Boolean);
-        let processor = (0, _indexJs).postcss(plugins);
+        let postcss = loadPostcss();
+        let processor = postcss(plugins);
         function processCSS(css) {
             let start = process.hrtime.bigint();
             return Promise.resolve().then(()=>output ? _fs.default.promises.mkdir(_path.default.dirname(output), {
                     recursive: true
-                }) : null
-            ).then(()=>processor.process(css, {
+                }) : null).then(()=>processor.process(css, {
+                    ...postcssOptions,
                     from: input,
                     to: output
-                })
-            ).then((result)=>{
+                })).then((result)=>{
                 if (!output) {
                     return process.stdout.write(result.css);
                 }
@@ -544,7 +586,7 @@ async function build() {
             }).then(()=>{
                 let end = process.hrtime.bigint();
                 console.error();
-                console.error("Done in", (end - start) / BigInt(1000000) + "ms.");
+                console.error("Done in", (end - start) / BigInt(1e6) + "ms.");
             });
         }
         let css1 = await (()=>{
@@ -573,8 +615,7 @@ async function build() {
                 delete require.cache[require.resolve(file1)];
             }
             if (configPath) {
-                configDependencies = (0, _getModuleDependencies).default(configPath).map(({ file  })=>file
-                );
+                configDependencies = (0, _getModuleDependencies).default(configPath).map(({ file  })=>file);
                 for (let dependency of configDependencies){
                     contextDependencies.add(dependency);
                 }
@@ -643,17 +684,16 @@ async function build() {
             let tailwindPluginIdx = plugins.indexOf("__TAILWIND_PLUGIN_POSITION__");
             let copy = plugins.slice();
             copy.splice(tailwindPluginIdx, 1, tailwindPlugin);
-            let processor = (0, _indexJs).postcss(copy);
+            let postcss = loadPostcss();
+            let processor = postcss(copy);
             function processCSS(css) {
                 let start = process.hrtime.bigint();
                 return Promise.resolve().then(()=>output ? _fs.default.promises.mkdir(_path.default.dirname(output), {
                         recursive: true
-                    }) : null
-                ).then(()=>processor.process(css, {
+                    }) : null).then(()=>processor.process(css, {
                         from: input,
                         to: output
-                    })
-                ).then(async (result)=>{
+                    })).then(async (result)=>{
                     for (let message of result.messages){
                         if (message.type === "dependency") {
                             contextDependencies.add(message.file);
@@ -671,7 +711,7 @@ async function build() {
                     ].filter(Boolean));
                 }).then(()=>{
                     let end = process.hrtime.bigint();
-                    console.error("Done in", (end - start) / BigInt(1000000) + "ms.");
+                    console.error("Done in", (end - start) / BigInt(1e6) + "ms.");
                 }).catch((err)=>{
                     if (err.name === "CssSyntaxError") {
                         console.error(err.toString());
@@ -696,13 +736,13 @@ async function build() {
             env.DEBUG && console.timeEnd("Finished in");
             return result1;
         }
-        let config1 = refreshConfig(configPath);
+        let config2 = refreshConfig(configPath);
         if (input) {
             contextDependencies.add(_path.default.resolve(input));
         }
         watcher = _chokidar.default.watch([
             ...contextDependencies,
-            ...extractFileGlobs(config1)
+            ...extractFileGlobs(config2)
         ], {
             usePolling: shouldPoll,
             interval: shouldPoll ? pollInterval : undefined,
@@ -717,16 +757,16 @@ async function build() {
             if (contextDependencies.has(file)) {
                 env.DEBUG && console.time("Resolve config");
                 context = null;
-                config1 = refreshConfig(configPath);
+                config2 = refreshConfig(configPath);
                 env.DEBUG && console.timeEnd("Resolve config");
                 env.DEBUG && console.time("Watch new files");
-                let globs = extractFileGlobs(config1);
+                let globs = extractFileGlobs(config2);
                 watcher.add(configDependencies);
                 watcher.add(globs);
                 env.DEBUG && console.timeEnd("Watch new files");
                 chain = chain.then(async ()=>{
-                    changedContent.push(...getChangedContent(config1));
-                    await rebuild(config1);
+                    changedContent.push(...getChangedContent(config2));
+                    await rebuild(config2);
                 });
             } else {
                 chain = chain.then(async ()=>{
@@ -734,7 +774,7 @@ async function build() {
                         content: _fs.default.readFileSync(_path.default.resolve(file), "utf8"),
                         extension: _path.default.extname(file).slice(1)
                     });
-                    await rebuild(config1);
+                    await rebuild(config2);
                 });
             }
         });
@@ -744,18 +784,19 @@ async function build() {
                     content: _fs.default.readFileSync(_path.default.resolve(file), "utf8"),
                     extension: _path.default.extname(file).slice(1)
                 });
-                await rebuild(config1);
+                await rebuild(config2);
             });
         });
         chain = chain.then(()=>{
-            changedContent.push(...getChangedContent(config1));
-            return rebuild(config1);
+            changedContent.push(...getChangedContent(config2));
+            return rebuild(config2);
         });
     }
     if (shouldWatch) {
-        /* Abort the watcher if stdin is closed to avoid zombie processes */ process.stdin.on("end", ()=>process.exit(0)
-        );
-        process.stdin.resume();
+        /* Abort the watcher if stdin is closed to avoid zombie processes */ if (process.stdin.isTTY) {
+            process.stdin.on("end", ()=>process.exit(0));
+            process.stdin.resume();
+        }
         startWatcher();
     } else {
         buildOnce();

package/lib/corePluginList.js

@@ -38,6 +38,7 @@ var _default = [
     "flexBasis",
     "tableLayout",
     "borderCollapse",
+    "borderSpacing",
     "transformOrigin",
     "translate",
     "rotate",