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

tests/jit/resolve-defaults-at-rules.test.js

@@ -1,6 +1,6 @@
 import postcss from 'postcss'
 import path from 'path'
-import tailwind from '../../src/jit/index.js'
+import tailwind from '../../src'
 
 function run(input, config = {}) {
   const { currentTestName } = expect.getState()
@@ -16,8 +16,7 @@ function css(templates) {
 
 test('basic utilities', async () => {
   let config = {
-    mode: 'jit',
-    purge: [
+    content: [
       {
         raw: '<div class="scale-x-110 rotate-3 skew-y-6"></div>',
       },
@@ -68,8 +67,7 @@ test('basic utilities', async () => {
 
 test('with pseudo-class variants', async () => {
   let config = {
-    mode: 'jit',
-    purge: [
+    content: [
       {
         raw: '<div class="hover:scale-x-110 focus:rotate-3 hover:focus:skew-y-6"></div>',
       },
@@ -120,8 +118,7 @@ test('with pseudo-class variants', async () => {
 
 test('with pseudo-element variants', async () => {
   let config = {
-    mode: 'jit',
-    purge: [
+    content: [
       {
         raw: '<div class="before:scale-x-110 after:rotate-3"></div>',
       },
@@ -170,8 +167,7 @@ test('with pseudo-element variants', async () => {
 
 test('with multi-class variants', async () => {
   let config = {
-    mode: 'jit',
-    purge: [
+    content: [
       {
         raw: '<div class="group-hover:scale-x-110 peer-focus:rotate-3"></div>',
       },
@@ -218,8 +214,7 @@ test('with multi-class variants', async () => {
 
 test('with multi-class pseudo-element variants', async () => {
   let config = {
-    mode: 'jit',
-    purge: [
+    content: [
       {
         raw: '<div class="group-hover:before:scale-x-110 peer-focus:after:rotate-3"></div>',
       },
@@ -268,8 +263,7 @@ test('with multi-class pseudo-element variants', async () => {
 
 test('with multi-class pseudo-element and pseudo-class variants', async () => {
   let config = {
-    mode: 'jit',
-    purge: [
+    content: [
       {
         raw: '<div class="group-hover:hover:before:scale-x-110 peer-focus:focus:after:rotate-3"></div>',
       },
@@ -318,8 +312,7 @@ test('with multi-class pseudo-element and pseudo-class variants', async () => {
 
 test('with apply', async () => {
   let config = {
-    mode: 'jit',
-    purge: [
+    content: [
       {
         raw: '<div class="foo"></div>',
       },
@@ -446,8 +439,7 @@ test('with apply', async () => {
 
 test('with borders', async () => {
   let config = {
-    mode: 'jit',
-    purge: [
+    content: [
       {
         raw: '<div class="border border-red-500 md:border-2"></div>',
       },
@@ -490,8 +482,7 @@ test('with borders', async () => {
 
 test('with shadows', async () => {
   let config = {
-    mode: 'jit',
-    purge: [
+    content: [
       {
         raw: '<div class="shadow md:shadow-xl ring-1 ring-black/25"></div>',
       },
@@ -552,8 +543,7 @@ test('with shadows', async () => {
 
 test('when no utilities that need the defaults are used', async () => {
   let config = {
-    mode: 'jit',
-    purge: [
+    content: [
       {
         raw: '<div class=""></div>',
       },
@@ -578,8 +568,7 @@ test('when no utilities that need the defaults are used', async () => {
 
 test('when a utility uses defaults but they do not exist', async () => {
   let config = {
-    mode: 'jit',
-    purge: [
+    content: [
       {
         raw: '<div class="rotate-3"></div>',
       },
@@ -608,8 +597,7 @@ test('when a utility uses defaults but they do not exist', async () => {
 
 test('selectors are reduced to the lowest possible specificity', async () => {
   let config = {
-    mode: 'jit',
-    purge: [
+    content: [
       {
         raw: '<div class="foo"></div>',
       },