Remove AOT (#5340)

* make `jit` mode the default when no mode is specified

* unify JIT and AOT codepaths

* ensure `Object.entries` on undefined doesn't break

It could be that sometimes you don't have values in your config (e.g.: `presets: []`), this in turn will break some plugins where we assume we have a value.

* drop AOT specific tests

These tests are all covered by JIT mode already and were AOT specific.

* simplify tests, and add a few

Some of the tests were written for AOT specifically, some were missing. We also updated the way we write those tests, essentially making Tailwind a blackbox, by testing against the final output.
Now that JIT mode is the default, this is super fast because we only generate what is used, instead of partially testing in a 3MB file or building it all, then purging.

* add some todo's to make sure we warn in a few cases

* make `darkMode: 'media'`, the default

This also includes moving dark mode tests to its own dedicated file.

* remove PostCSS 7 compat mode

* update CLI to be JIT-first

* fix integration tests

This is not a _real_ fix, but it does solve the broken test for now.

* warn when using @responsive or @variants

* remove the JIT preview warning

* remove AOT-only code paths

* remove all `mode: 'jit'` blocks

Also remove `variants: {}` since they are not useful in `JIT` mode
anymore.

* drop unused dependencies

* rename `purge` to `content`

* remove static CDN builds

* mark `--purge` as deprecated in the CLI

This will still work, but a warning will be printed and it won't show up
in the `--help` output.

* cleanup nesting plugin

We don't have to duplicate it anymore since there is no PostCSS 7
version anymore.

* make sure integration tests run in band

* cleanup folder structure

* make sure nesting folder is available

* simplify resolving of purge/content information

src/processTailwindFeatures.js

@@ -1,79 +1,41 @@
-import _ from 'lodash'
-import postcss from 'postcss'
-
-import substituteTailwindAtRules from './lib/substituteTailwindAtRules'
+import normalizeTailwindDirectives from './lib/normalizeTailwindDirectives'
+import expandTailwindAtRules from './lib/expandTailwindAtRules'
+import expandApplyAtRules from './lib/expandApplyAtRules'
 import evaluateTailwindFunctions from './lib/evaluateTailwindFunctions'
-import substituteVariantsAtRules from './lib/substituteVariantsAtRules'
-import substituteResponsiveAtRules from './lib/substituteResponsiveAtRules'
-import convertLayerAtRulesToControlComments from './lib/convertLayerAtRulesToControlComments'
 import substituteScreenAtRules from './lib/substituteScreenAtRules'
-import substituteClassApplyAtRules from './lib/substituteClassApplyAtRules'
-import applyImportantConfiguration from './lib/applyImportantConfiguration'
-import purgeUnusedStyles from './lib/purgeUnusedStyles'
+import resolveDefaultsAtRules from './lib/resolveDefaultsAtRules'
+import collapseAdjacentRules from './lib/collapseAdjacentRules'
+import { createContext } from './lib/setupContextUtils'
 
-import corePlugins from './corePlugins'
-import processPlugins from './util/processPlugins'
-import cloneNodes from './util/cloneNodes'
-import { issueFlagNotices } from './featureFlags.js'
+export default function processTailwindFeatures(setupContext) {
+  return function (root, result) {
+    let tailwindDirectives = normalizeTailwindDirectives(root)
 
-import hash from './util/hashConfig'
-import log from './util/log'
-import { shared } from './util/disposables'
+    let context = setupContext({
+      tailwindDirectives,
+      registerDependency(dependency) {
+        result.messages.push({
+          plugin: 'tailwindcss',
+          parent: result.opts.from,
+          ...dependency,
+        })
+      },
+      createContext(tailwindConfig, changedContent) {
+        return createContext(tailwindConfig, changedContent, tailwindDirectives, root)
+      },
+    })(root, result)
 
-let previousConfig = null
-let processedPlugins = null
-let getProcessedPlugins = null
-
-export default function (getConfig) {
-  return function (css, result) {
-    const config = getConfig()
-    const configChanged = hash(previousConfig) !== hash(config)
-    previousConfig = config
-
-    if (configChanged) {
-      shared.dispose()
-      if (config.target) {
-        log.warn([
-          'The `target` feature has been removed in Tailwind CSS v2.0.',
-          'Please remove this option from your config file to silence this warning.',
-        ])
-      }
-
-      issueFlagNotices(config)
-
-      processedPlugins = processPlugins(
-        [...corePlugins(config), ..._.get(config, 'plugins', [])],
-        config
+    if (context.tailwindConfig.separator === '-') {
+      throw new Error(
+        "The '-' character cannot be used as a custom separator in JIT mode due to parsing ambiguity. Please use another character like '_' instead."
       )
-
-      getProcessedPlugins = function () {
-        return {
-          ...processedPlugins,
-          base: cloneNodes(processedPlugins.base),
-          components: cloneNodes(processedPlugins.components),
-          utilities: cloneNodes(processedPlugins.utilities),
-        }
-      }
     }
 
-    function registerDependency(dependency) {
-      result.messages.push({
-        plugin: 'tailwindcss',
-        parent: result.opts.from,
-        ...dependency,
-      })
-    }
-
-    return postcss([
-      substituteTailwindAtRules(config, getProcessedPlugins()),
-      evaluateTailwindFunctions({ tailwindConfig: config }),
-      substituteVariantsAtRules(config, getProcessedPlugins()),
-      substituteResponsiveAtRules(config),
-      convertLayerAtRulesToControlComments(config),
-      substituteScreenAtRules({ tailwindConfig: config }),
-      substituteClassApplyAtRules(config, getProcessedPlugins, configChanged),
-      applyImportantConfiguration(config),
-      purgeUnusedStyles(config, configChanged, registerDependency),
-    ]).process(css, { from: _.get(css, 'source.input.file') })
+    expandTailwindAtRules(context)(root, result)
+    expandApplyAtRules(context)(root, result)
+    evaluateTailwindFunctions(context)(root, result)
+    substituteScreenAtRules(context)(root, result)
+    resolveDefaultsAtRules(context)(root, result)
+    collapseAdjacentRules(context)(root, result)
   }
 }