tailwindcss 2.0.1-compat → 2.0.4

package/lib/cli/commands/init.js

@@ -27,7 +27,7 @@ const options = [{
   description: 'Generate complete configuration file.'
 }, {
   usage: '-p',
-  description: 'Generate postcss.config.js file.'
+  description: 'Generate PostCSS config file.'
 }];
 exports.options = options;
 const optionMap = {
@@ -47,8 +47,9 @@ exports.optionMap = optionMap;
 function run(cliParams, cliOptions) {
   return new Promise(resolve => {
     utils.header();
+    const isModule = utils.isModule();
     const full = cliOptions.full;
-    const file = cliParams[0] || constants.defaultConfigFile;
+    const file = cliParams[0] || (isModule ? constants.cjsConfigFile : constants.defaultConfigFile);
     const simplePath = utils.getSimplePath(file);
     utils.exists(file) && utils.die(colors.file(simplePath), 'already exists.');
     const stubFile = full ? constants.defaultConfigStubFile : constants.simpleConfigStubFile;
@@ -58,9 +59,10 @@ function run(cliParams, cliOptions) {
     utils.log(emoji.yes, 'Created Tailwind config file:', colors.file(simplePath));
 
     if (cliOptions.postcss) {
-      const path = utils.getSimplePath(constants.defaultPostCssConfigFile);
+      const postCssConfigFile = isModule ? constants.cjsPostCssConfigFile : constants.defaultPostCssConfigFile;
+      const path = utils.getSimplePath(postCssConfigFile);
       utils.exists(constants.defaultPostCssConfigFile) && utils.die(colors.file(path), 'already exists.');
-      utils.copyFile(constants.defaultPostCssConfigStubFile, constants.defaultPostCssConfigFile);
+      utils.copyFile(constants.defaultPostCssConfigStubFile, postCssConfigFile);
       utils.log(emoji.yes, 'Created PostCSS config file:', colors.file(path));
     }
 

package/lib/cli/utils.js

@@ -13,6 +13,7 @@ exports.die = die;
 exports.exists = exists;
 exports.copyFile = copyFile;
 exports.readFile = readFile;
+exports.isModule = isModule;
 exports.writeFile = writeFile;
 exports.getSimplePath = getSimplePath;
 
@@ -20,18 +21,20 @@ var _fsExtra = require("fs-extra");
 
 var _lodash = require("lodash");
 
+var _path = _interopRequireDefault(require("path"));
+
 var colors = _interopRequireWildcard(require("./colors"));
 
 var emoji = _interopRequireWildcard(require("./emoji"));
 
 var _package = _interopRequireDefault(require("../../package.json"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /**
  * Gets CLI parameters.
  *
@@ -153,6 +156,23 @@ function copyFile(source, destination) {
 function readFile(path) {
   return (0, _fsExtra.readFileSync)(path, 'utf-8');
 }
+/**
+ * Checks if current package.json uses type "module"
+ *
+ * @return {boolean}
+ */
+
+
+function isModule() {
+  const pkgPath = _path.default.resolve('./package.json');
+
+  if (exists(pkgPath)) {
+    const pkg = JSON.parse(readFile(pkgPath));
+    return pkg.type && pkg.type === 'module';
+  }
+
+  return false;
+}
 /**
  * Writes content to file.
  *

package/lib/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultPostCssConfigStubFile = exports.simpleConfigStubFile = exports.defaultConfigStubFile = exports.defaultPostCssConfigFile = exports.defaultConfigFile = exports.cli = void 0;
+exports.defaultPostCssConfigStubFile = exports.simpleConfigStubFile = exports.defaultConfigStubFile = exports.supportedPostCssConfigFile = exports.supportedConfigFiles = exports.cjsPostCssConfigFile = exports.cjsConfigFile = exports.defaultPostCssConfigFile = exports.defaultConfigFile = exports.cli = void 0;
 
 var _path = _interopRequireDefault(require("path"));
 
@@ -15,6 +15,14 @@ const defaultConfigFile = './tailwind.config.js';
 exports.defaultConfigFile = defaultConfigFile;
 const defaultPostCssConfigFile = './postcss.config.js';
 exports.defaultPostCssConfigFile = defaultPostCssConfigFile;
+const cjsConfigFile = './tailwind.config.cjs';
+exports.cjsConfigFile = cjsConfigFile;
+const cjsPostCssConfigFile = './postcss.config.cjs';
+exports.cjsPostCssConfigFile = cjsPostCssConfigFile;
+const supportedConfigFiles = [cjsConfigFile, defaultConfigFile];
+exports.supportedConfigFiles = supportedConfigFiles;
+const supportedPostCssConfigFile = [cjsPostCssConfigFile, defaultPostCssConfigFile];
+exports.supportedPostCssConfigFile = supportedPostCssConfigFile;
 
 const defaultConfigStubFile = _path.default.resolve(__dirname, '../stubs/defaultConfig.stub.js');
 

package/lib/index.js

@@ -6,8 +6,6 @@ var _fs = _interopRequireDefault(require("fs"));
 
 var _lodash = _interopRequireDefault(require("lodash"));
 
-var _postcss = _interopRequireDefault(require("postcss"));
-
 var _getModuleDependencies = _interopRequireDefault(require("./lib/getModuleDependencies"));
 
 var _registerConfigAsDependency = _interopRequireDefault(require("./lib/registerConfigAsDependency"));
@@ -48,15 +46,17 @@ function resolveConfigPath(filePath) {
   } // require('tailwindcss')
 
 
-  try {
-    const defaultConfigPath = _path.default.resolve(_constants.defaultConfigFile);
+  for (const configFile of _constants.supportedConfigFiles) {
+    try {
+      const configPath = _path.default.resolve(configFile);
 
-    _fs.default.accessSync(defaultConfigPath);
+      _fs.default.accessSync(configPath);
 
-    return defaultConfigPath;
-  } catch (err) {
-    return undefined;
+      return configPath;
+    } catch (err) {}
   }
+
+  return undefined;
 }
 
 const getConfigFunction = config => () => {
@@ -77,7 +77,7 @@ const getConfigFunction = config => () => {
   return (0, _resolveConfig.default)([...(0, _getAllConfigs.default)(configObject)]);
 };
 
-const plugin = _postcss.default.plugin('tailwindcss', config => {
+module.exports = function (config) {
   const plugins = [];
   const resolvedConfigPath = resolveConfigPath(config);
 
@@ -85,7 +85,10 @@ const plugin = _postcss.default.plugin('tailwindcss', config => {
     plugins.push((0, _registerConfigAsDependency.default)(resolvedConfigPath));
   }
 
-  return (0, _postcss.default)([...plugins, (0, _processTailwindFeatures.default)(getConfigFunction(resolvedConfigPath || config)), _formatCSS.default]);
-});
+  return {
+    postcssPlugin: 'tailwindcss',
+    plugins: [...plugins, (0, _processTailwindFeatures.default)(getConfigFunction(resolvedConfigPath || config)), _formatCSS.default]
+  };
+};
 
-module.exports = plugin;
+module.exports.postcss = true;

package/lib/index.postcss7.js

@@ -48,15 +48,17 @@ function resolveConfigPath(filePath) {
   } // require('tailwindcss')
 
 
-  try {
-    const defaultConfigPath = _path.default.resolve(_constants.defaultConfigFile);
+  for (const configFile of _constants.supportedConfigFiles) {
+    try {
+      const configPath = _path.default.resolve(configFile);
 
-    _fs.default.accessSync(defaultConfigPath);
+      _fs.default.accessSync(configPath);
 
-    return defaultConfigPath;
-  } catch (err) {
-    return undefined;
+      return configPath;
+    } catch (err) {}
   }
+
+  return undefined;
 }
 
 const getConfigFunction = config => () => {

package/lib/lib/evaluateTailwindFunctions.js

@@ -85,7 +85,7 @@ function validatePath(config, path, defaultValue) {
     };
   }
 
-  if (!(typeof value === 'string' || typeof value === 'number' || 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 (_lodash.default.isObject(value)) {

package/lib/lib/substituteClassApplyAtRules.js

@@ -31,13 +31,18 @@ var _useMemo = require("../util/useMemo");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function hasAtRule(css, atRule) {
-  let foundAtRule = false;
-  css.walkAtRules(atRule, () => {
-    foundAtRule = true;
+function hasAtRule(css, atRule, condition) {
+  let found = false;
+  css.walkAtRules(atRule, condition === undefined ? () => {
+    found = true;
     return false;
+  } : node => {
+    if (condition(node)) {
+      found = true;
+      return false;
+    }
   });
-  return foundAtRule;
+  return found;
 }
 
 function cloneWithoutChildren(node) {
@@ -115,7 +120,7 @@ function buildUtilityMap(css, lookupTree) {
   let index = 0;
   const utilityMap = {};
 
-  function handle(rule) {
+  function handle(getRule, rule) {
     const utilityNames = extractUtilityNames(rule.selector);
     utilityNames.forEach((utilityName, i) => {
       if (utilityMap[utilityName] === undefined) {
@@ -126,18 +131,29 @@ function buildUtilityMap(css, lookupTree) {
         index,
         utilityName,
         classPosition: i,
-
-        get rule() {
-          return cloneRuleWithParent(rule);
-        }
-
+        ...getRule(rule)
       });
       index++;
     });
-  }
+  } // Lookup tree is the big lookup tree, making the rule lazy allows us to save
+  // some memory because we don't need everything.
+
+
+  lookupTree.walkRules(handle.bind(null, rule => ({
+    get rule() {
+      return cloneRuleWithParent(rule);
+    }
 
-  lookupTree.walkRules(handle);
-  css.walkRules(handle);
+  }))); // This is the end user's css. This might contain rules that we want to
+  // apply. We want immediate copies of everything in case that we have user
+  // defined classes that are recursively applied. Down below we are modifying
+  // the rules directly. We could do a better solution where we keep track of a
+  // dependency tree, but that is a bit more complex. Might revisit later,
+  // we'll see how this turns out!
+
+  css.walkRules(handle.bind(null, rule => ({
+    rule: cloneRuleWithParent(rule)
+  })));
   return utilityMap;
 }
 
@@ -231,14 +247,29 @@ function processApplyAtRules(css, lookupTree, config) {
 
       const rulesToInsert = [];
       applys.forEach(nearestParentRule === parent ? util => rulesToInsert.push(generateRulesFromApply(util, parent.selectors)) : util => util.rule.nodes.forEach(n => afterRule.append(n.clone())));
+      rulesToInsert.forEach(rule => {
+        if (rule.type === 'atrule') {
+          rule.walkRules(rule => {
+            rule.__tailwind = { ...rule.__tailwind,
+              important
+            };
+          });
+        } else {
+          rule.__tailwind = { ...rule.__tailwind,
+            important
+          };
+        }
+      });
 
       const {
         nodes
       } = _lodash.default.tap(_postcss.default.root({
         nodes: rulesToInsert
-      }), root => root.walkDecls(d => {
-        d.important = important;
-      }));
+      }), root => {
+        root.walkDecls(d => {
+          d.important = important;
+        });
+      });
 
       const mergedRules = mergeAdjacentRules(nearestParentRule, [...nodes, afterRule]);
       applyRule.remove();
@@ -263,34 +294,42 @@ function processApplyAtRules(css, lookupTree, config) {
   return css;
 }
 
-let defaultTailwindTree = null;
+let defaultTailwindTree = new Map();
 
 function substituteClassApplyAtRules(config, getProcessedPlugins, configChanged) {
   return function (css) {
     // We can stop already when we don't have any @apply rules. Vue users: you're welcome!
     if (!hasAtRule(css, 'apply')) {
       return css;
-    } // Tree already contains @tailwind rules, don't prepend default Tailwind tree
+    }
 
+    let requiredTailwindAtRules = ['base', 'components', 'utilities'];
 
-    if (hasAtRule(css, 'tailwind')) {
+    if (hasAtRule(css, 'tailwind', node => {
+      let idx = requiredTailwindAtRules.indexOf(node.params);
+      if (idx !== -1) requiredTailwindAtRules.splice(idx, 1);
+      if (requiredTailwindAtRules.length <= 0) return true;
+      return false;
+    })) {
+      // Tree already contains all the at rules (requiredTailwindAtRules)
       return processApplyAtRules(css, _postcss.default.root(), config);
-    } // Tree contains no @tailwind rules, so generate all of Tailwind's styles and
-    // prepend them to the user's CSS. Important for <style> blocks in Vue components.
+    }
 
+    let lookupKey = requiredTailwindAtRules.join(','); // We mutated the `requiredTailwindAtRules`, but when we hit this point in
+    // time, it means that we don't have all the atrules. The missing atrules
+    // are listed inside the requiredTailwindAtRules, which we can use to fill
+    // in the missing pieces.
+    //
+    // Important for <style> blocks in Vue components.
 
-    const generateLookupTree = configChanged || defaultTailwindTree === null ? () => {
-      return (0, _postcss.default)([(0, _substituteTailwindAtRules.default)(config, getProcessedPlugins()), (0, _evaluateTailwindFunctions.default)(config), (0, _substituteVariantsAtRules.default)(config, getProcessedPlugins()), (0, _substituteResponsiveAtRules.default)(config), (0, _convertLayerAtRulesToControlComments.default)(config), (0, _substituteScreenAtRules.default)(config)]).process(`
-                  @tailwind base;
-                  @tailwind components;
-                  @tailwind utilities;
-                `, {
-        from: undefined
+    const generateLookupTree = configChanged || !defaultTailwindTree.has(lookupKey) ? () => {
+      return (0, _postcss.default)([(0, _substituteTailwindAtRules.default)(config, getProcessedPlugins()), (0, _evaluateTailwindFunctions.default)(config), (0, _substituteVariantsAtRules.default)(config, getProcessedPlugins()), (0, _substituteResponsiveAtRules.default)(config), (0, _convertLayerAtRulesToControlComments.default)(config), (0, _substituteScreenAtRules.default)(config)]).process(requiredTailwindAtRules.map(rule => `@tailwind ${rule};`).join('\n'), {
+        from: __filename
       }).then(result => {
-        defaultTailwindTree = result;
-        return defaultTailwindTree;
+        defaultTailwindTree.set(lookupKey, result);
+        return result;
       });
-    } : () => Promise.resolve(defaultTailwindTree);
+    } : () => Promise.resolve(defaultTailwindTree.get(lookupKey));
     return generateLookupTree().then(result => {
       return processApplyAtRules(css, result.root, config);
     });

package/lib/lib/substituteTailwindAtRules.js

@@ -62,7 +62,7 @@ function _default(_config, {
     css.walkAtRules('tailwind', atRule => {
       if (atRule.params === 'preflight') {
         // prettier-ignore
-        throw atRule.error("`@tailwind preflight` is not a valid at-rule in Tailwind v1.0, use `@tailwind base` instead.", {
+        throw atRule.error("`@tailwind preflight` is not a valid at-rule in Tailwind v2.0, use `@tailwind base` instead.", {
           word: 'preflight'
         });
       }

package/lib/plugins/css/preflight.css

@@ -141,6 +141,7 @@ textarea {
 
 input::placeholder,
 textarea::placeholder {
+  opacity: 1;
   color: theme('colors.gray.400', #a1a1aa);
 }
 

package/lib/plugins/preflight.js

@@ -9,6 +9,8 @@ var _fs = _interopRequireDefault(require("fs"));
 
 var _postcss = _interopRequireDefault(require("postcss"));
 
+var _package = _interopRequireDefault(require("../../package.json"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _default() {
@@ -19,6 +21,8 @@ function _default() {
 
     const preflightStyles = _postcss.default.parse(_fs.default.readFileSync(`${__dirname}/css/preflight.css`, 'utf8'));
 
-    addBase([...normalizeStyles.nodes, ...preflightStyles.nodes]);
+    addBase([_postcss.default.comment({
+      text: `! tailwindcss v${_package.default.version} | MIT License | https://tailwindcss.com`
+    }), ...normalizeStyles.nodes, ...preflightStyles.nodes]);
   };
 }

package/lib/plugins/ringOffsetColor.js

@@ -23,7 +23,7 @@ function _default() {
   }) {
     const colors = (0, _flattenColorPalette.default)(theme('ringOffsetColor'));
 
-    const utilities = _lodash.default.fromPairs(_lodash.default.map(colors, (value, modifier) => {
+    const utilities = _lodash.default.fromPairs(_lodash.default.map(_lodash.default.omit(colors, 'DEFAULT'), (value, modifier) => {
       return [(0, _nameClass.default)('ring-offset', modifier), {
         '--tw-ring-offset-color': (0, _toColorValue.default)(value)
       }];

package/lib/plugins/ringOffsetWidth.js

@@ -17,7 +17,7 @@ function _default() {
     theme,
     variants
   }) {
-    const utilities = _lodash.default.fromPairs(_lodash.default.map(theme('ringOffsetWidth'), (value, modifier) => {
+    const utilities = _lodash.default.fromPairs(_lodash.default.map(_lodash.default.omit(theme('ringOffsetWidth'), 'DEFAULT'), (value, modifier) => {
       return [(0, _nameClass.default)('ring-offset', modifier), {
         '--tw-ring-offset-width': value
       }];

package/lib/plugins/ringWidth.js

@@ -34,8 +34,8 @@ function _default() {
     addUtilities({
       '*': {
         '--tw-ring-inset': 'var(--tw-empty,/*!*/ /*!*/)',
-        '--tw-ring-offset-width': '0px',
-        '--tw-ring-offset-color': '#fff',
+        '--tw-ring-offset-width': theme('ringOffsetWidth.DEFAULT', '0px'),
+        '--tw-ring-offset-color': theme('ringOffsetColor.DEFAULT', '#fff'),
         '--tw-ring-color': ringColorDefault,
         '--tw-ring-offset-shadow': '0 0 #0000',
         '--tw-ring-shadow': '0 0 #0000'

package/lib/processTailwindFeatures.js

@@ -39,6 +39,8 @@ var _objectHash = _interopRequireDefault(require("object-hash"));
 
 var _log = _interopRequireDefault(require("./util/log"));
 
+var _disposables = require("./util/disposables");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 let previousConfig = null;
@@ -52,6 +54,8 @@ function _default(getConfig) {
     previousConfig = config;
 
     if (configChanged) {
+      _disposables.shared.dispose();
+
       if (config.target) {
         _log.default.warn(['The `target` feature has been removed in Tailwind CSS v2.0.', 'Please remove this option from your config file to silence this warning.']);
       }

package/lib/util/disposables.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.disposables = disposables;
+exports.shared = void 0;
+
+function disposables() {
+  let disposables = [];
+  let api = {
+    add(cb) {
+      disposables.push(cb);
+      return () => {
+        let idx = disposables.indexOf(cb);
+        if (idx !== -1) disposables.splice(idx, 1);
+      };
+    },
+
+    dispose() {
+      disposables.splice(0).forEach(dispose => dispose());
+    }
+
+  };
+  return api;
+} // A shared disposables collection
+
+
+let shared = disposables();
+exports.shared = shared;

package/lib/util/transformThemeValue.js

@@ -14,5 +14,9 @@ function transformThemeValue(themeSection) {
     return value => Array.isArray(value) ? value.join(', ') : value;
   }
 
+  if (themeSection === 'colors') {
+    return value => typeof value === 'function' ? value({}) : value;
+  }
+
   return value => value;
 }

package/lib/util/useMemo.js

@@ -5,16 +5,27 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useMemo = useMemo;
 
+var _disposables = require("./disposables");
+
 function useMemo(cb, keyResolver) {
-  const cache = new Map();
+  let cache = new Map();
+
+  function clearCache() {
+    cache.clear();
+
+    _disposables.shared.add(clearCache);
+  }
+
+  _disposables.shared.add(clearCache);
+
   return (...args) => {
-    const key = keyResolver(...args);
+    let key = keyResolver(...args);
 
     if (cache.has(key)) {
       return cache.get(key);
     }
 
-    const result = cb(...args);
+    let result = cb(...args);
     cache.set(key, result);
     return result;
   };

package/lib/util/withAlphaVariable.js

@@ -30,7 +30,8 @@ function withAlphaVariable({
     return {
       [variable]: '1',
       [property]: color({
-        opacityVariable: variable
+        opacityVariable: variable,
+        opacityValue: `var(${variable})`
       })
     };
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwindcss",
-  "version": "2.0.1-compat",
+  "version": "2.0.4",
   "description": "A utility-first CSS framework for rapidly building custom user interfaces.",
   "license": "MIT",
   "main": "lib/index.js",
@@ -23,7 +23,8 @@
     "rebuild-fixtures": "npm run babelify && babel-node scripts/rebuildFixtures.js",
     "prepublishOnly": "npm run babelify && babel-node scripts/build.js",
     "style": "eslint .",
-    "test": "jest && eslint .",
+    "test": "jest",
+    "posttest": "npm run style",
     "compat": "node scripts/compat.js --prepare",
     "compat:restore": "node scripts/compat.js --restore"
   },
@@ -36,44 +37,46 @@
     "*.js"
   ],
   "devDependencies": {
-    "@babel/cli": "^7.11.6",
-    "@babel/core": "^7.12.3",
-    "@babel/node": "^7.0.0",
-    "@babel/preset-env": "^7.0.0",
-    "autoprefixer": "^10.0.2",
+    "@babel/cli": "^7.12.13",
+    "@babel/core": "^7.13.8",
+    "@babel/node": "^7.12.13",
+    "@babel/preset-env": "^7.13.8",
+    "autoprefixer": "^10.2.4",
     "babel-jest": "^26.6.3",
     "clean-css": "^4.1.9",
-    "eslint": "^7.12.1",
-    "eslint-config-prettier": "^6.15.0",
-    "eslint-plugin-prettier": "^3.1.4",
+    "eslint": "^7.20.0",
+    "eslint-config-prettier": "^7.2.0",
+    "eslint-plugin-prettier": "^3.3.1",
     "jest": "^26.6.3",
-    "postcss": "^8.0.9",
-    "prettier": "^2.1.2",
+    "postcss": "^8.2.6",
+    "prettier": "^2.2.1",
     "rimraf": "^3.0.0"
   },
+  "peerDependencies": {
+    "autoprefixer": "^10.0.2",
+    "postcss": "^8.0.9"
+  },
   "dependencies": {
-    "@fullhuman/postcss-purgecss": "^3.0.0",
+    "@fullhuman/postcss-purgecss": "^3.1.3",
     "bytes": "^3.0.0",
     "chalk": "^4.1.0",
     "color": "^3.1.3",
     "detective": "^5.2.0",
     "didyoumean": "^1.2.1",
-    "fs-extra": "^9.0.1",
+    "fs-extra": "^9.1.0",
     "html-tags": "^3.1.0",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "modern-normalize": "^1.0.0",
     "node-emoji": "^1.8.1",
-    "object-hash": "^2.0.3",
+    "object-hash": "^2.1.1",
     "postcss-functions": "^3",
-    "postcss-js": "^2",
-    "postcss-nested": "^4",
+    "postcss-js": "^3.0.3",
+    "postcss-nested": "^5.0.5",
     "postcss-selector-parser": "^6.0.4",
     "postcss-value-parser": "^4.1.0",
     "pretty-hrtime": "^1.0.3",
-    "reduce-css-calc": "^2.1.6",
-    "resolve": "^1.19.0",
-    "autoprefixer": "^9",
-    "postcss": "^7"
+    "reduce-css-calc": "^2.1.8",
+    "resolve": "^1.20.0"
   },
   "browserslist": [
     "> 1%",
@@ -94,7 +97,6 @@
     ]
   },
   "jest": {
-    "collectCoverage": true,
     "testTimeout": 30000,
     "setupFilesAfterEnv": [
       "<rootDir>/jest/customMatchers.js"

package/scripts/compat.js

@@ -37,10 +37,16 @@ if (process.argv.includes('--prepare')) {
   // 5. Remove peerDependencies
   delete packageJson.peerDependencies
 
-  // 6. Write package.json with the new contents
+  // 6. Use new name
+  packageJson.name = '@tailwindcss/postcss7-compat'
+
+  // 7. Make sure you can publish
+  packageJson.publishConfig = { access: 'public' }
+
+  // 8. Write package.json with the new contents
   fs.writeFileSync(fromRootPath('package.json'), JSON.stringify(packageJson, null, 2), 'utf8')
 
-  // 7. Print some useful information to make publishing easy
+  // 9. Print some useful information to make publishing easy
   console.log()
   console.log('You can safely publish `tailwindcss` in PostCSS 7 compatibility mode:\n')
   console.log(