diff --git a/.flowconfig b/.flowconfig
index 61557139c3d..053b3172d1d 100644
--- a/.flowconfig
+++ b/.flowconfig
@@ -36,4 +36,4 @@ untyped-import
 untyped-type-import
 
 [version]
-0.173.0
+0.174.1
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 92dbcf0f606..d1f0b398684 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,32 @@ All notable changes to Parcel will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and Parcel adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [2.4.0] - 2022-03-22
+
+## Added
+
+- Replace default CSS transformer and minifier with `@parcel/css` - [Details](https://github.com/parcel-bundler/parcel/pull/7821)
+- Replace `typeof` before dead code elimination to improve bundle size - [Details](https://github.com/parcel-bundler/parcel/pull/7788)
+- Human readable file size in bundle analyzer report - [Details](https://github.com/parcel-bundler/parcel/pull/7766)
+- Improve emoji support detection - [Details](https://github.com/parcel-bundler/parcel/pull/7775)
+- Enable parsing static class initialization blocks - [Details](https://github.com/parcel-bundler/parcel/pull/7839)
+- Use `PORT` environment variable from `.env` files - [Details](https://github.com/parcel-bundler/parcel/pull/7819)
+- Use new react-jsx transform in React 16.14.0 - [Details](https://github.com/parcel-bundler/parcel/pull/7728)
+- Use relative path for bundle labels in bundle analysis - [Details](https://github.com/parcel-bundler/parcel/pull/7737)
+- Load dynamic imports at higher network priority in non-ESM builds - [Details](https://github.com/parcel-bundler/parcel/pull/7061)
+
+## Fixed
+
+- Pin lmdb to 2.2.3 - [Details](https://github.com/parcel-bundler/parcel/pull/7763)
+- Prevent term-size from being bundled - [Details](https://github.com/parcel-bundler/parcel/pull/7750)
+- Fix cache when non-ascii chars are used in path - [Details](https://github.com/parcel-bundler/parcel/pull/7797)
+- Bump SWC. Fixes issue with `String` constructor. - [Details](https://github.com/parcel-bundler/parcel/pull/7777)
+- Fix DCE with PURE comments - [Details](https://github.com/parcel-bundler/parcel/pull/7833)
+- Escape double quote of url value in CSS `url()` - [Details](https://github.com/parcel-bundler/parcel/pull/7718)
+- Fix documentation comment in API - [Details](https://github.com/parcel-bundler/parcel/pull/7689)
+- Fix package.json `source` field resolution with pnpm - [Details](https://github.com/parcel-bundler/parcel/pull/7846)
+- Fix `errors.map is not a function` - [Details](https://github.com/parcel-bundler/parcel/pull/7672)
+
 ## [2.3.1] - 2022-02-09
 
 ## Fixed
diff --git a/Cargo.lock b/Cargo.lock
index 15b049bdb7e..67391037b49 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -30,7 +30,7 @@ version = "0.7.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "fcb51a0695d8f838b1ee009b3fbf66bda078cd64590202a864a8f3e8c4315c47"
 dependencies = [
- "getrandom 0.2.3",
+ "getrandom 0.2.5",
  "once_cell",
  "serde",
  "version_check",
@@ -56,9 +56,9 @@ dependencies = [
 
 [[package]]
 name = "anyhow"
-version = "1.0.52"
+version = "1.0.56"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "84450d0b4a8bd1ba4144ce8ce718fbc5d071358b1e5384bace6536b3d1f2d5b3"
+checksum = "4361135be9122e0870de935d7c439aef945b9f9ddd4199a553b5270b49c82a27"
 
 [[package]]
 name = "arrayvec"
@@ -66,11 +66,17 @@ version = "0.5.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "23b62fc65de8e4e7f52534fb52b0f3ed04746ae267519eef2a83941e8085068b"
 
+[[package]]
+name = "arrayvec"
+version = "0.7.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8da52d66c7071e2e3fa2a1e5c6d088fec47b593032b254f5e980de8ea54454d6"
+
 [[package]]
 name = "ast_node"
-version = "0.7.4"
+version = "0.7.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e96d5444b02f3080edac8a144f6baf29b2fb6ff589ad4311559731a7c7529381"
+checksum = "bc4c00309ed1c8104732df4a5fa9acc3b796b6f8531dfbd5ce0078c86f997244"
 dependencies = [
  "darling",
  "pmutil",
@@ -93,9 +99,9 @@ dependencies = [
 
 [[package]]
 name = "autocfg"
-version = "1.0.1"
+version = "1.1.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cdb031dd78e28731d87d56cc8ffef4a8f36ca26c38fe2de700543e627f8a464a"
+checksum = "d468802bab17cbc0cc575e9b053f41e72aa36bfa6b7f55e3529ffa43161b97fa"
 
 [[package]]
 name = "base64"
@@ -109,6 +115,15 @@ version = "0.13.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "904dfeac50f3cdaba28fc6f57fdcddb75f49ed61346676a78c4ffe55877802fd"
 
+[[package]]
+name = "better_scoped_tls"
+version = "0.1.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b73e8ecdec39e98aa3b19e8cd0b8ed8f77ccb86a6b0b2dc7cd86d105438a2123"
+dependencies = [
+ "scoped-tls",
+]
+
 [[package]]
 name = "bit-vec"
 version = "0.6.3"
@@ -130,11 +145,20 @@ dependencies = [
  "generic-array",
 ]
 
+[[package]]
+name = "block-buffer"
+version = "0.10.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0bf7fe51849ea569fd452f37822f606a5cabb684dc918707a0193fd4664ff324"
+dependencies = [
+ "generic-array",
+]
+
 [[package]]
 name = "browserslist-rs"
-version = "0.6.0"
+version = "0.9.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "31071741816efb54c473a6480724b2d31ed44eb460382d37f60cf4655fbe80a6"
+checksum = "a0f43be8e0fc9203f6ed7731d2a9a6bf5924cb78907e67e1fe9133617be402be"
 dependencies = [
  "ahash",
  "anyhow",
@@ -162,15 +186,15 @@ checksum = "b4ae4235e6dac0694637c763029ecea1a2ec9e4e06ec2729bd21ba4d9c863eb7"
 
 [[package]]
 name = "bumpalo"
-version = "3.8.0"
+version = "3.9.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8f1e260c3a9040a7c19a12468758f4c16f31a81a1fe087482be9570ec864bb6c"
+checksum = "a4a45a46ab1f2412e53d3a0ade76ffad2025804294569aae387231a0cd6e0899"
 
 [[package]]
 name = "bytemuck"
-version = "1.7.3"
+version = "1.8.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "439989e6b8c38d1b6570a384ef1e49c8848128f5a97f3914baef02920842712f"
+checksum = "0e851ca7c24871e7336801608a4797d7376545b6928a10d32d75685687141ead"
 
 [[package]]
 name = "byteorder"
@@ -180,9 +204,9 @@ checksum = "14c189c53d098945499cdfa7ecc63567cf3886b3332b312a5b4585d8d3a6a610"
 
 [[package]]
 name = "cc"
-version = "1.0.72"
+version = "1.0.73"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "22a9137b95ea06864e018375b72adfb7db6e6f68cfc8df5a04d00288050485ee"
+checksum = "2fff2a6927b3bb87f9595d67196a70493f627687a71d87a0d692242c33f58c11"
 dependencies = [
  "jobserver",
 ]
@@ -297,18 +321,18 @@ checksum = "ccaeedb56da03b09f598226e25e80088cb4cd25f316e6e4df7d695f0feeb1403"
 
 [[package]]
 name = "crc32fast"
-version = "1.3.0"
+version = "1.3.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "738c290dfaea84fc1ca15ad9c168d083b05a714e1efddd8edaab678dc28d2836"
+checksum = "b540bd8bc810d3885c6ea91e2018302f68baba2129ab3e88f32389ee9370880d"
 dependencies = [
  "cfg-if 1.0.0",
 ]
 
 [[package]]
 name = "crossbeam-channel"
-version = "0.5.1"
+version = "0.5.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "06ed27e177f16d65f0f0c22a213e17c696ace5dd64b14258b52f9417ccb52db4"
+checksum = "fdbfe11fe19ff083c48923cf179540e8cd0535903dc35e178a1fdeeb59aef51f"
 dependencies = [
  "cfg-if 1.0.0",
  "crossbeam-utils",
@@ -327,10 +351,11 @@ dependencies = [
 
 [[package]]
 name = "crossbeam-epoch"
-version = "0.9.5"
+version = "0.9.8"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4ec02e091aa634e2c3ada4a392989e7c3116673ef0ac5b72232439094d73b7fd"
+checksum = "1145cf131a2c6ba0615079ab6a638f7e1973ac9c2634fcbeaaad6114246efe8c"
 dependencies = [
+ "autocfg",
  "cfg-if 1.0.0",
  "crossbeam-utils",
  "lazy_static",
@@ -340,14 +365,24 @@ dependencies = [
 
 [[package]]
 name = "crossbeam-utils"
-version = "0.8.5"
+version = "0.8.8"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d82cfc11ce7f2c3faef78d8a684447b40d503d9681acebed6cb728d45940c4db"
+checksum = "0bf124c720b7686e3c2663cf54062ab0f68a88af2fb6a030e87e30bf721fcb38"
 dependencies = [
  "cfg-if 1.0.0",
  "lazy_static",
 ]
 
+[[package]]
+name = "crypto-common"
+version = "0.1.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "57952ca27b5e3606ff4dd79b0020231aaf9d6aa76dc05fd30137538c50bd3ce8"
+dependencies = [
+ "generic-array",
+ "typenum",
+]
+
 [[package]]
 name = "darling"
 version = "0.10.2"
@@ -393,6 +428,17 @@ dependencies = [
  "num_cpus",
 ]
 
+[[package]]
+name = "dashmap"
+version = "5.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4c8858831f7781322e539ea39e72449c46b059638250c14344fec8d0aa6e539c"
+dependencies = [
+ "cfg-if 1.0.0",
+ "num_cpus",
+ "parking_lot 0.12.0",
+]
+
 [[package]]
 name = "data-encoding"
 version = "2.3.2"
@@ -427,6 +473,16 @@ dependencies = [
  "generic-array",
 ]
 
+[[package]]
+name = "digest"
+version = "0.10.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f2fb860ca6fafa5552fb6d0e816a69c8e49f0908bf524e30a90d97c85892d506"
+dependencies = [
+ "block-buffer 0.10.2",
+ "crypto-common",
+]
+
 [[package]]
 name = "dunce"
 version = "1.0.2"
@@ -459,7 +515,7 @@ checksum = "975ccf83d8d9d0d84682850a38c8169027be83368805971cc4f238c2b245bc98"
 dependencies = [
  "cfg-if 1.0.0",
  "libc",
- "redox_syscall 0.2.10",
+ "redox_syscall 0.2.11",
  "winapi",
 ]
 
@@ -499,9 +555,9 @@ checksum = "2022715d62ab30faffd124d40b76f4134a550a87792276512b18d63272333394"
 
 [[package]]
 name = "generic-array"
-version = "0.14.4"
+version = "0.14.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "501466ecc8a30d1d3b7fc9229b122b2ce8ed6e9d9223f1138d4babb253e51817"
+checksum = "fd48d33ec7f05fbfa152300fdad764757cbded343c1aa1cff2fbaf4134851803"
 dependencies = [
  "typenum",
  "version_check",
@@ -520,9 +576,9 @@ dependencies = [
 
 [[package]]
 name = "getrandom"
-version = "0.2.3"
+version = "0.2.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7fcd999463524c52659517fe2cea98493cfe485d10565e7b0fb07dbba7ad2753"
+checksum = "d39cd93900197114fa1fcb7ae84ca742095eed9442088988ae74fa744e930e77"
 dependencies = [
  "cfg-if 1.0.0",
  "libc",
@@ -590,9 +646,9 @@ dependencies = [
 
 [[package]]
 name = "indexmap"
-version = "1.7.0"
+version = "1.8.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bc633605454125dec4b66843673f01c7df2b89479b32e0ed634e43a91cff62a5"
+checksum = "282a6247722caba404c065016bbfa522806e51714c34f5dfc3e4a3a46fcb4223"
 dependencies = [
  "autocfg",
  "hashbrown",
@@ -601,9 +657,9 @@ dependencies = [
 
 [[package]]
 name = "indoc"
-version = "1.0.3"
+version = "1.0.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e5a75aeaaef0ce18b58056d306c27b07436fbb34b8816c53094b76dd81803136"
+checksum = "e7906a9fababaeacb774f72410e497a1d18de916322e33797bb2cd29baa23c9e"
 dependencies = [
  "unindent",
 ]
@@ -619,9 +675,9 @@ dependencies = [
 
 [[package]]
 name = "is-macro"
-version = "0.1.9"
+version = "0.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a322dd16d960e322c3d92f541b4c1a4f0a2e81e1fdeee430d8cecc8b72e8015f"
+checksum = "94b2c46692aee0d1b3aad44e781ac0f0e7db42ef27adaa0a877b627040019813"
 dependencies = [
  "Inflector",
  "pmutil",
@@ -692,65 +748,115 @@ checksum = "e2abad23fbc42b3700f2f279844dc832adb2b2eb069b2df918f455c4e18cc646"
 
 [[package]]
 name = "lexical"
-version = "5.2.2"
+version = "6.1.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f404a90a744e32e8be729034fc33b90cf2a56418fbf594d69aa3c0214ad414e5"
+checksum = "ccd3e434c16f0164124ade12dcdee324fcc3dafb1cad0c7f1d8c2451a1aa6886"
 dependencies = [
- "cfg-if 1.0.0",
  "lexical-core",
 ]
 
 [[package]]
 name = "lexical-core"
-version = "0.7.6"
+version = "0.8.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6607c62aa161d23d17a9072cc5da0be67cdfc89d3afb1e8d9c842bebc2525ffe"
+checksum = "92912c4af2e7d9075be3e5e3122c4d7263855fa6cce34fbece4dd08e5884624d"
 dependencies = [
- "arrayvec",
- "bitflags",
- "cfg-if 1.0.0",
- "ryu",
+ "lexical-parse-float",
+ "lexical-parse-integer",
+ "lexical-util",
+ "lexical-write-float",
+ "lexical-write-integer",
+]
+
+[[package]]
+name = "lexical-parse-float"
+version = "0.8.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "f518eed87c3be6debe6d26b855c97358d8a11bf05acec137e5f53080f5ad2dd8"
+dependencies = [
+ "lexical-parse-integer",
+ "lexical-util",
+ "static_assertions",
+]
+
+[[package]]
+name = "lexical-parse-integer"
+version = "0.8.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "afc852ec67c6538bbb2b9911116a385b24510e879a69ab516e6a151b15a79168"
+dependencies = [
+ "lexical-util",
+ "static_assertions",
+]
+
+[[package]]
+name = "lexical-util"
+version = "0.8.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c72a9d52c5c4e62fa2cdc2cb6c694a39ae1382d9c2a17a466f18e272a0930eb1"
+dependencies = [
+ "static_assertions",
+]
+
+[[package]]
+name = "lexical-write-float"
+version = "0.8.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8a89ec1d062e481210c309b672f73a0567b7855f21e7d2fae636df44d12e97f9"
+dependencies = [
+ "lexical-util",
+ "lexical-write-integer",
+ "static_assertions",
+]
+
+[[package]]
+name = "lexical-write-integer"
+version = "0.8.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "094060bd2a7c2ff3a16d5304a6ae82727cb3cc9d1c70f813cc73f744c319337e"
+dependencies = [
+ "lexical-util",
  "static_assertions",
 ]
 
 [[package]]
 name = "libc"
-version = "0.2.112"
+version = "0.2.120"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1b03d17f364a3a042d5e5d46b053bbbf82c92c9430c592dd4c064dc6ee997125"
+checksum = "ad5c14e80759d0939d013e6ca49930e59fc53dd8e5009132f76240c179380c09"
 
 [[package]]
 name = "libdeflate-sys"
-version = "0.7.4"
+version = "0.7.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7ce0b849741cecad96125e51124570c46741f50db12007224295b63e221f0034"
+checksum = "4cceaf6e335d658ec0602685bfe50d0f35248d6d8848b194058bfda37a9eb728"
 dependencies = [
  "cc",
 ]
 
 [[package]]
 name = "libdeflater"
-version = "0.7.4"
+version = "0.7.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b32b70f071880dd130e410be35f8017892837913374a311e277219d3ead3ab18"
+checksum = "15f0c115fd181333eb7a82cf42e2ce2d9fac0ad06babd3ab79a9ec5bd66352fe"
 dependencies = [
  "libdeflate-sys",
 ]
 
 [[package]]
 name = "libmimalloc-sys"
-version = "0.1.23"
+version = "0.1.24"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9636c194f9db483f4d0adf2f99a65011a99f904bd222bbd67fb4df4f37863c30"
+checksum = "7705fc40f6ed493f73584abbb324e74f96b358ff60dfe5659a0f8fc12c590a69"
 dependencies = [
  "cc",
 ]
 
 [[package]]
 name = "lock_api"
-version = "0.4.5"
+version = "0.4.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "712a4d093c9976e24e7dbca41db895dabcbac38eb5f4045393d17a95bdfb1109"
+checksum = "88943dd7ef4a2e5a4bfa2753aaab3013e34ce2533d1996fb18ef591e315e2b3b"
 dependencies = [
  "scopeguard",
 ]
@@ -787,9 +893,9 @@ dependencies = [
 
 [[package]]
 name = "mimalloc"
-version = "0.1.27"
+version = "0.1.28"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cf5f78c1d9892fb5677a8b2f543f967ab891ac0f71feecd961435b74f877283a"
+checksum = "b0dfa131390c2f6bdb3242f65ff271fcdaca5ff7b6c08f28398be7f2280e3926"
 dependencies = [
  "libmimalloc-sys",
 ]
@@ -867,9 +973,9 @@ checksum = "67cf20e0081fea04e044aa4adf74cfea8ddc0324eec2894b1c700f4cafc72a56"
 
 [[package]]
 name = "nasm-rs"
-version = "0.2.2"
+version = "0.2.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a06380d23b58dcdaf892fa36c3950cad3110e7d76851275d5f85c22eb9cdd614"
+checksum = "ce095842aee9aa3ecbda7a5d2a4df680375fd128a8596b6b56f8e497e231f483"
 dependencies = [
  "rayon",
 ]
@@ -882,13 +988,12 @@ checksum = "e4a24736216ec316047a1fc4252e27dabb04218aa4a3f37c6e7ddbf1f9782b54"
 
 [[package]]
 name = "nom"
-version = "7.1.0"
+version = "7.1.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1b1d11e1ef389c76fe5b81bcaf2ea32cf88b62bc494e19f493d0b30e7a930109"
+checksum = "a8903e5a29a317527874d0402f867152a3d21c908bb0b933e416c65e301d4c36"
 dependencies = [
  "memchr",
  "minimal-lexical",
- "version_check",
 ]
 
 [[package]]
@@ -902,9 +1007,9 @@ dependencies = [
 
 [[package]]
 name = "num-bigint"
-version = "0.2.6"
+version = "0.4.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "090c7f9998ee0ff65aa5b723e4009f7b217707f1fb5ea551329cc4d6231fb304"
+checksum = "f93ab6289c7b344a8a9f60f88d80aa20032336fe78da341afc91c8a2341fc75f"
 dependencies = [
  "autocfg",
  "num-integer",
@@ -965,9 +1070,9 @@ dependencies = [
 
 [[package]]
 name = "once_cell"
-version = "1.9.0"
+version = "1.10.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "da32515d9f6e6e489d7bc9d84c71b060db7247dc035bbe44eac88cf87486d8d5"
+checksum = "87f3e037eac156d1775da914196f0f37741a274155e34a0b7e427c35d2a2ecb9"
 
 [[package]]
 name = "opaque-debug"
@@ -977,22 +1082,13 @@ checksum = "624a8340c38c1b80fd549087862da4ba43e08858af025b236e509b6649fc13d5"
 
 [[package]]
 name = "ordered-float"
-version = "2.8.0"
+version = "2.10.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "97c9d06878b3a851e8026ef94bf7fef9ba93062cd412601da4d9cf369b1cc62d"
+checksum = "7940cf2ca942593318d07fcf2596cdca60a85c9e7fab408a5e21a4f9dcd40d87"
 dependencies = [
  "num-traits",
 ]
 
-[[package]]
-name = "owning_ref"
-version = "0.4.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6ff55baddef9e4ad00f88b6c743a2a8062d4c6ade126c2a528644b8e444d52ce"
-dependencies = [
- "stable_deref_trait",
-]
-
 [[package]]
 name = "oxipng"
 version = "5.0.1"
@@ -1063,7 +1159,7 @@ dependencies = [
  "pathdiff",
  "serde",
  "serde_bytes",
- "sha-1",
+ "sha-1 0.9.8",
  "swc_atoms",
  "swc_common",
  "swc_ecmascript",
@@ -1087,7 +1183,7 @@ version = "0.1.0"
 dependencies = [
  "js-sys",
  "parcel-js-swc-core",
- "parking_lot_core",
+ "parking_lot_core 0.8.0",
  "serde",
  "serde-wasm-bindgen",
  "wasm-bindgen",
@@ -1101,7 +1197,17 @@ checksum = "6d7744ac029df22dca6284efe4e898991d28e3085c706c972bcd7da4a27a15eb"
 dependencies = [
  "instant",
  "lock_api",
- "parking_lot_core",
+ "parking_lot_core 0.8.0",
+]
+
+[[package]]
+name = "parking_lot"
+version = "0.12.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "87f5ec2493a61ac0506c0f4199f99070cbe83857b0337006a30f3e6719b8ef58"
+dependencies = [
+ "lock_api",
+ "parking_lot_core 0.9.1",
 ]
 
 [[package]]
@@ -1119,6 +1225,19 @@ dependencies = [
  "winapi",
 ]
 
+[[package]]
+name = "parking_lot_core"
+version = "0.9.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "28141e0cc4143da2443301914478dc976a61ffdb3f043058310c70df2fed8954"
+dependencies = [
+ "cfg-if 1.0.0",
+ "libc",
+ "redox_syscall 0.2.11",
+ "smallvec",
+ "windows-sys",
+]
+
 [[package]]
 name = "path-clean"
 version = "0.1.0"
@@ -1145,12 +1264,12 @@ checksum = "d4fd5641d01c8f18a23da7b6fe29298ff4b55afcccdf78973b24cf3175fee32e"
 
 [[package]]
 name = "phf"
-version = "0.8.0"
+version = "0.10.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "3dfb61232e34fcb633f43d12c58f83c1df82962dcdfa565a4e866ffc17dafe12"
+checksum = "fabbf1ead8a5bcbc20f5f8b939ee3f5b0f6f281b6ad3468b84656b658b455259"
 dependencies = [
  "phf_macros",
- "phf_shared",
+ "phf_shared 0.10.0",
  "proc-macro-hack",
 ]
 
@@ -1160,18 +1279,28 @@ version = "0.8.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "17367f0cc86f2d25802b2c26ee58a7b23faeccf78a396094c13dced0d0182526"
 dependencies = [
- "phf_shared",
- "rand",
+ "phf_shared 0.8.0",
+ "rand 0.7.3",
+]
+
+[[package]]
+name = "phf_generator"
+version = "0.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5d5285893bb5eb82e6aaf5d59ee909a06a16737a8970984dd7746ba9283498d6"
+dependencies = [
+ "phf_shared 0.10.0",
+ "rand 0.8.5",
 ]
 
 [[package]]
 name = "phf_macros"
-version = "0.8.0"
+version = "0.10.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7f6fde18ff429ffc8fe78e2bf7f8b7a5a5a6e2a8b58bc5a9ac69198bbda9189c"
+checksum = "58fdf3184dd560f160dd73922bea2d5cd6e8f064bf4b13110abd81b03697b4e0"
 dependencies = [
- "phf_generator",
- "phf_shared",
+ "phf_generator 0.10.0",
+ "phf_shared 0.10.0",
  "proc-macro-hack",
  "proc-macro2",
  "quote",
@@ -1187,11 +1316,20 @@ dependencies = [
  "siphasher",
 ]
 
+[[package]]
+name = "phf_shared"
+version = "0.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b6796ad771acdc0123d2a88dc428b5e38ef24456743ddb1744ed628f9815c096"
+dependencies = [
+ "siphasher",
+]
+
 [[package]]
 name = "pin-project-lite"
-version = "0.2.7"
+version = "0.2.8"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8d31d11c69a6b52a174b42bdc0c30e5e11670f90788b2c471c31c1d17d449443"
+checksum = "e280fbe77cc62c91527259e9442153f4688736748d24660126286329742b4c6c"
 
 [[package]]
 name = "pmutil"
@@ -1218,9 +1356,9 @@ dependencies = [
 
 [[package]]
 name = "ppv-lite86"
-version = "0.2.15"
+version = "0.2.16"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ed0cfbc8191465bed66e1718596ee0b0b35d5ee1f41c5df2189d0fe8bde535ba"
+checksum = "eb9f9e6e233e5c4a35559a617bf40a4ec447db2e84c20b55a6f83167b7e57872"
 
 [[package]]
 name = "precomputed-hash"
@@ -1228,6 +1366,23 @@ version = "0.1.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "925383efa346730478fb4838dbe9137d2a47675ad789c546d150a6e1dd4ab31c"
 
+[[package]]
+name = "preset_env_base"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e44b8d534a4ecea4519138ff80780a499691c4e948bc063651487e069966a703"
+dependencies = [
+ "ahash",
+ "anyhow",
+ "browserslist-rs",
+ "dashmap 4.0.2",
+ "from_variant",
+ "once_cell",
+ "semver 1.0.6",
+ "serde",
+ "st-map",
+]
+
 [[package]]
 name = "proc-macro-hack"
 version = "0.5.19"
@@ -1245,9 +1400,9 @@ dependencies = [
 
 [[package]]
 name = "quote"
-version = "1.0.14"
+version = "1.0.15"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "47aa80447ce4daf1717500037052af176af5d38cc3e571d9ec1c7353fc10c87d"
+checksum = "864d3e96a899863136fc6e99f3d7cae289dafe43bf2c5ac19b70df7210c0a145"
 dependencies = [
  "proc-macro2",
 ]
@@ -1260,12 +1415,23 @@ checksum = "6a6b1679d49b24bbfe0c803429aa1874472f50d9b363131f0e89fc356b544d03"
 dependencies = [
  "getrandom 0.1.16",
  "libc",
- "rand_chacha",
- "rand_core",
+ "rand_chacha 0.2.2",
+ "rand_core 0.5.1",
  "rand_hc",
  "rand_pcg",
 ]
 
+[[package]]
+name = "rand"
+version = "0.8.5"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "34af8d1a0e25924bc5b7c43c079c942339d8f0a8b57c39049bef581b46327404"
+dependencies = [
+ "libc",
+ "rand_chacha 0.3.1",
+ "rand_core 0.6.3",
+]
+
 [[package]]
 name = "rand_chacha"
 version = "0.2.2"
@@ -1273,7 +1439,17 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "f4c8ed856279c9737206bf725bf36935d8666ead7aa69b52be55af369d193402"
 dependencies = [
  "ppv-lite86",
- "rand_core",
+ "rand_core 0.5.1",
+]
+
+[[package]]
+name = "rand_chacha"
+version = "0.3.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "e6c10a63a0fa32252be49d21e7709d4d4baf8d231c2dbce1eaa8141b9b127d88"
+dependencies = [
+ "ppv-lite86",
+ "rand_core 0.6.3",
 ]
 
 [[package]]
@@ -1285,13 +1461,22 @@ dependencies = [
  "getrandom 0.1.16",
 ]
 
+[[package]]
+name = "rand_core"
+version = "0.6.3"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d34f1408f55294453790c48b2f1ebbb1c5b4b7563eb1f418bcfcfdbb06ebb4e7"
+dependencies = [
+ "getrandom 0.2.5",
+]
+
 [[package]]
 name = "rand_hc"
 version = "0.2.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "ca3129af7b92a17112d59ad498c6f81eaf463253766b90396d39ea7a39d6613c"
 dependencies = [
- "rand_core",
+ "rand_core 0.5.1",
 ]
 
 [[package]]
@@ -1300,7 +1485,7 @@ version = "0.2.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "16abd0c1b639e9eb4d7c50c0b8100b0d0f849be2349829c740fe8e6eb4816429"
 dependencies = [
- "rand_core",
+ "rand_core 0.5.1",
 ]
 
 [[package]]
@@ -1336,18 +1521,18 @@ checksum = "41cc0f7e4d5d4544e8861606a285bb08d3e70712ccc7d2b84d7c0ccfaf4b05ce"
 
 [[package]]
 name = "redox_syscall"
-version = "0.2.10"
+version = "0.2.11"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8383f39639269cde97d255a32bdb68c047337295414940c68bdd30c2e13203ff"
+checksum = "8380fe0152551244f0747b1bf41737e0f8a74f97a14ccefd1148187271634f3c"
 dependencies = [
  "bitflags",
 ]
 
 [[package]]
 name = "regex"
-version = "1.5.4"
+version = "1.5.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d07a8629359eb56f1e2fb1652bb04212c072a87ba68546a04065d525673ac461"
+checksum = "1a11647b6b25ff05a515cb92c365cec08801e83423a235b51e231e1808747286"
 dependencies = [
  "aho-corasick",
  "memchr",
@@ -1360,17 +1545,11 @@ version = "0.6.25"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "f497285884f3fcff424ffc933e56d7cbca511def0c9831a7f9b5f6153e3cc89b"
 
-[[package]]
-name = "retain_mut"
-version = "0.1.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "11000e6ba5020e53e7cc26f73b91ae7d5496b4977851479edb66b694c0675c21"
-
 [[package]]
 name = "rgb"
-version = "0.8.31"
+version = "0.8.32"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9a374af9a0e5fdcdd98c1c7b64f05004f9ea2555b6c75f211daa81268a3c50f1"
+checksum = "e74fdc210d8f24a7dbfedc13b04ba5764f5232754ccebfdf5fff1bad791ccbc6"
 dependencies = [
  "bytemuck",
 ]
@@ -1396,7 +1575,7 @@ version = "0.4.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "bfa0f585226d2e68097d4f95d113b15b83a82e819ab25717ec0590d9584ef366"
 dependencies = [
- "semver 1.0.4",
+ "semver 1.0.6",
 ]
 
 [[package]]
@@ -1405,15 +1584,6 @@ version = "1.0.9"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "73b4b750c782965c211b42f022f59af1fbceabdd026623714f104152f1ec149f"
 
-[[package]]
-name = "same-file"
-version = "1.0.6"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "93fc1dc3aaa9bfed95e02e6eadabb4baf7e3078b0bd1b4d7b6b0b68378900502"
-dependencies = [
- "winapi-util",
-]
-
 [[package]]
 name = "scoped-tls"
 version = "1.0.0"
@@ -1433,14 +1603,16 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "1d7eb9ef2c18661902cc47e535f9bc51b78acd254da71d375c2f6720d9a40403"
 dependencies = [
  "semver-parser",
- "serde",
 ]
 
 [[package]]
 name = "semver"
-version = "1.0.4"
+version = "1.0.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "568a8e6258aa33c13358f81fd834adb854c6f7c9468520910a9b1e8fac068012"
+checksum = "a4a3381e03edd24287172047536f20cabde766e2cd3e65e6b00fb3af51c4f38d"
+dependencies = [
+ "serde",
+]
 
 [[package]]
 name = "semver-parser"
@@ -1450,9 +1622,9 @@ checksum = "388a1df253eca08550bef6c72392cfe7c30914bf41df5269b68cbd6ff8f570a3"
 
 [[package]]
 name = "serde"
-version = "1.0.132"
+version = "1.0.136"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8b9875c23cf305cd1fd7eb77234cbb705f21ea6a72c637a5c6db5fe4b8e7f008"
+checksum = "ce31e24b01e1e524df96f1c2fdd054405f8d7376249a5110886fb4b658484789"
 dependencies = [
  "serde_derive",
 ]
@@ -1480,9 +1652,9 @@ dependencies = [
 
 [[package]]
 name = "serde_derive"
-version = "1.0.132"
+version = "1.0.136"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ecc0db5cb2556c0e558887d9bbdcf6ac4471e83ff66cf696e5419024d1606276"
+checksum = "08597e7152fcd306f41838ed3e37be9eaeed2b61c42e2117266a554fab4662f9"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -1491,9 +1663,9 @@ dependencies = [
 
 [[package]]
 name = "serde_json"
-version = "1.0.73"
+version = "1.0.79"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bcbd0344bc6533bc7ec56df11d42fb70f1b912351c0825ccb7211b59d8af7cf5"
+checksum = "8e8d9fa5c3b304765ce1fd9c4c8a3de2c8db365a5b91be52f186efc675681d95"
 dependencies = [
  "itoa",
  "ryu",
@@ -1506,24 +1678,35 @@ version = "0.9.8"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "99cd6713db3cf16b6c84e06321e049a9b9f699826e16096d23bbcc44d15d51a6"
 dependencies = [
- "block-buffer",
+ "block-buffer 0.9.0",
  "cfg-if 1.0.0",
  "cpufeatures",
- "digest",
+ "digest 0.9.0",
  "opaque-debug",
 ]
 
+[[package]]
+name = "sha-1"
+version = "0.10.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "028f48d513f9678cda28f6e4064755b3fbb2af6acd672f2c209b62323f7aea0f"
+dependencies = [
+ "cfg-if 1.0.0",
+ "cpufeatures",
+ "digest 0.10.3",
+]
+
 [[package]]
 name = "siphasher"
-version = "0.3.7"
+version = "0.3.10"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "533494a8f9b724d33625ab53c6c4800f7cc445895924a8ef649222dcb76e938b"
+checksum = "7bd3e3206899af3f8b12af284fafc038cc1dc2b41d1b89dd17297221c5d225de"
 
 [[package]]
 name = "smallvec"
-version = "1.7.0"
+version = "1.8.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1ecab6c735a6bb4139c0caafd0cc3635748bbb3acf4550e8138122099251f309"
+checksum = "f2dd574626839106c320a323308629dcb1acfc96e32a8cba364ddc61ac23ee83"
 
 [[package]]
 name = "sourcemap"
@@ -1547,16 +1730,10 @@ version = "0.1.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "3caeb13a58f859600a7b75fffe66322e1fca0122ca02cfc7262344a7e30502d1"
 dependencies = [
- "arrayvec",
+ "arrayvec 0.5.2",
  "static-map-macro",
 ]
 
-[[package]]
-name = "stable_deref_trait"
-version = "1.2.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a8f112729512f8e442d81f95a8a7ddf2b7c6b8a1a6f509a95864142b30cab2d3"
-
 [[package]]
 name = "static-map-macro"
 version = "0.2.1"
@@ -1590,14 +1767,14 @@ dependencies = [
 
 [[package]]
 name = "string_cache"
-version = "0.8.2"
+version = "0.8.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "923f0f39b6267d37d23ce71ae7235602134b250ace715dd2c90421998ddac0c6"
+checksum = "33994d0838dc2d152d17a62adf608a869b5e846b65b389af7f3dbc1de45c5b26"
 dependencies = [
  "lazy_static",
  "new_debug_unreachable",
- "parking_lot",
- "phf_shared",
+ "parking_lot 0.11.1",
+ "phf_shared 0.10.0",
  "precomputed-hash",
  "serde",
 ]
@@ -1608,8 +1785,8 @@ version = "0.5.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "f24c8e5e19d22a726626f1a5e16fe15b132dcf21d10177fa5a45ce7962996b97"
 dependencies = [
- "phf_generator",
- "phf_shared",
+ "phf_generator 0.8.0",
+ "phf_shared 0.8.0",
  "proc-macro2",
  "quote",
 ]
@@ -1649,25 +1826,40 @@ dependencies = [
  "string_cache_codegen",
 ]
 
+[[package]]
+name = "swc_cached"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "84fed4a980e12c737171a7b17c5e0a2f4272899266fa0632ea4e31264ebdfdb5"
+dependencies = [
+ "ahash",
+ "anyhow",
+ "dashmap 5.2.0",
+ "once_cell",
+ "regex",
+ "serde",
+ "swc_atoms",
+]
+
 [[package]]
 name = "swc_common"
-version = "0.15.1"
+version = "0.17.17"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bf33ac965b9ce43b653baa35a5de6ecfd96b9bbab9547a5fb4ce33c46a36fe75"
+checksum = "7935aededdf361eb17ba3ddde021ad0df4774c5b5d902e7b0f6faae7c76d748a"
 dependencies = [
  "ahash",
  "ast_node",
  "atty",
- "cfg-if 0.1.10",
+ "better_scoped_tls",
+ "cfg-if 1.0.0",
  "debug_unreachable",
  "either",
  "from_variant",
  "num-bigint",
  "once_cell",
- "owning_ref",
  "rustc-hash",
- "scoped-tls",
  "serde",
+ "siphasher",
  "sourcemap",
  "string_cache",
  "swc_eq_ignore_macros",
@@ -1680,9 +1872,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_ast"
-version = "0.60.3"
+version = "0.71.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "70ab2356281c38cf629f3cdb165c4d34e17b2757b020dab914bae477ee0fb373"
+checksum = "8ae7b943caae6d3fbae0534ce2df9866efa3d0415199ce7d20c6ef7e4e0b233d"
 dependencies = [
  "is-macro",
  "num-bigint",
@@ -1690,33 +1882,33 @@ dependencies = [
  "string_enum",
  "swc_atoms",
  "swc_common",
- "unicode-xid",
+ "unicode-id",
 ]
 
 [[package]]
 name = "swc_ecma_codegen"
-version = "0.84.1"
+version = "0.98.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "383ac26d122a9f97a1773ffa6f44366e8ab08ccc14e5698111c698ca17acfa65"
+checksum = "ef9691af1a41fbde638594f2b8593560670adab5c2cc0fd3587481040312797d"
 dependencies = [
  "bitflags",
  "memchr",
  "num-bigint",
  "once_cell",
+ "rustc-hash",
  "sourcemap",
  "swc_atoms",
  "swc_common",
  "swc_ecma_ast",
  "swc_ecma_codegen_macros",
- "swc_ecma_parser",
  "tracing",
 ]
 
 [[package]]
 name = "swc_ecma_codegen_macros"
-version = "0.6.0"
+version = "0.7.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "bdbf826c739281cdb3b3c23883fd1a7586ea1c15b1287530e7123a7fad8f0e25"
+checksum = "59949619b2ef45eedb6c399d05f2c3c7bc678b5074b3103bb670f9e05bb99042"
 dependencies = [
  "pmutil",
  "proc-macro2",
@@ -1727,28 +1919,27 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_loader"
-version = "0.25.4"
+version = "0.29.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "645b674e9f537053026670985486004a47c3c168a71de8de0c0d57c2f2cb61f8"
+checksum = "f9ab69df5d4de425833e02de111f14b5544b39ad9c9b82c97e4835fc55c8f1b6"
 dependencies = [
  "ahash",
  "anyhow",
- "dashmap",
+ "dashmap 4.0.2",
  "normpath",
  "once_cell",
  "path-clean",
  "serde",
  "serde_json",
- "swc_atoms",
  "swc_common",
  "tracing",
 ]
 
 [[package]]
 name = "swc_ecma_parser"
-version = "0.82.6"
+version = "0.95.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9b0455e02c59d53891422593b2e0aaf06548873a1c319ddcf3e9a741d34ce41d"
+checksum = "6bbca18d756dddd0a87e101dd07157cd466a22787e9b5447ab85da2faa352bd8"
 dependencies = [
  "either",
  "enum_kind",
@@ -1761,22 +1952,22 @@ dependencies = [
  "swc_ecma_ast",
  "tracing",
  "typed-arena 2.0.1",
- "unicode-xid",
+ "unicode-id",
 ]
 
 [[package]]
 name = "swc_ecma_preset_env"
-version = "0.76.2"
+version = "0.110.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dd4ce83d144d995a8362cea85fe7c6adaa728fbe4a8bad05d05f8d3d2b27e37b"
+checksum = "13d8929f9552fd9c324a8b22765dfa50b789f0e0069757f3480ececfb11b5136"
 dependencies = [
  "ahash",
  "anyhow",
- "browserslist-rs",
- "dashmap",
+ "dashmap 5.2.0",
  "indexmap",
  "once_cell",
- "semver 0.9.0",
+ "preset_env_base",
+ "semver 1.0.6",
  "serde",
  "serde_json",
  "st-map",
@@ -1787,19 +1978,17 @@ dependencies = [
  "swc_ecma_transforms",
  "swc_ecma_utils",
  "swc_ecma_visit",
- "walkdir",
 ]
 
 [[package]]
 name = "swc_ecma_transforms"
-version = "0.103.8"
+version = "0.135.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b9e5d7bbc83aca7b172f18fe1ad713a58490f7420bd4831481e18a3d86e0199f"
+checksum = "7e19aa898a63dbee9ae4abb505716bc146c55d6ad9e627d617b16bfc827dd36f"
 dependencies = [
  "swc_atoms",
  "swc_common",
  "swc_ecma_ast",
- "swc_ecma_parser",
  "swc_ecma_transforms_base",
  "swc_ecma_transforms_compat",
  "swc_ecma_transforms_module",
@@ -1809,18 +1998,18 @@ dependencies = [
  "swc_ecma_transforms_typescript",
  "swc_ecma_utils",
  "swc_ecma_visit",
- "unicode-xid",
 ]
 
 [[package]]
 name = "swc_ecma_transforms_base"
-version = "0.49.2"
+version = "0.70.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6f401256219e566fc92f637182d20eb04de8cd1bb650dd72d3e0e81851a5367b"
+checksum = "0e0e50e1414e15cc7b909fb8c79c8b2d9988b83aabe8114fa09a730123c2558c"
 dependencies = [
+ "better_scoped_tls",
  "once_cell",
  "phf",
- "scoped-tls",
+ "serde",
  "smallvec",
  "swc_atoms",
  "swc_common",
@@ -1833,9 +2022,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_transforms_classes"
-version = "0.36.1"
+version = "0.58.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "dd400da7c4b061a95c38f98d7a72f12c7cf7d49fee33e5bb5ca577e19a344b52"
+checksum = "3c16df5d4468e8f54b89eccf0876337c4c672b6434092ec83e71e7c678d1fdd3"
 dependencies = [
  "swc_atoms",
  "swc_common",
@@ -1847,12 +2036,12 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_transforms_compat"
-version = "0.59.10"
+version = "0.83.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6d76ac375527f495b5b095e7e32d43e47b57113abe72b75306dcd58b4d15fbde"
+checksum = "12cb92c67a689037b6320bb2e0a421b5c74bfd297f59cfd7c71c0128ff23de02"
 dependencies = [
  "ahash",
- "arrayvec",
+ "arrayvec 0.7.2",
  "indexmap",
  "is-macro",
  "num-bigint",
@@ -1867,6 +2056,7 @@ dependencies = [
  "swc_ecma_transforms_macros",
  "swc_ecma_utils",
  "swc_ecma_visit",
+ "swc_trace_macro",
  "tracing",
 ]
 
@@ -1885,9 +2075,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_transforms_module"
-version = "0.65.0"
+version = "0.95.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "701c941a6ba8d4e396a3e63031a9d4ee4807dc91b29c30069e88c0276a44a01e"
+checksum = "a40c273cd4344955105824da8de90e0dfb4e41f4059c3a9accc0292b6b2590b6"
 dependencies = [
  "Inflector",
  "ahash",
@@ -1896,6 +2086,7 @@ dependencies = [
  "pathdiff",
  "serde",
  "swc_atoms",
+ "swc_cached",
  "swc_common",
  "swc_ecma_ast",
  "swc_ecma_loader",
@@ -1903,19 +2094,19 @@ dependencies = [
  "swc_ecma_transforms_base",
  "swc_ecma_utils",
  "swc_ecma_visit",
+ "tracing",
 ]
 
 [[package]]
 name = "swc_ecma_transforms_optimization"
-version = "0.73.1"
+version = "0.105.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "37dddf3630b5c60aa4d05e3486099eec7195d96ec17895fa58753d383935b09c"
+checksum = "1b4c4832545ccd8a62050629f0bea25a8968af107149d01bf60e5b87c9305136"
 dependencies = [
  "ahash",
- "dashmap",
+ "dashmap 5.2.0",
  "indexmap",
  "once_cell",
- "retain_mut",
  "serde_json",
  "swc_atoms",
  "swc_common",
@@ -1930,9 +2121,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_transforms_proposal"
-version = "0.65.2"
+version = "0.91.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e1493c6460a5009cff53e5adaac7e2090bde73be9dccb92b01fe132c190824b2"
+checksum = "2d5ff5321ecdd0a3e620878e02452a6475b9ffdcaf75a2cf9636c2d31bb85fe0"
 dependencies = [
  "either",
  "serde",
@@ -1940,7 +2131,6 @@ dependencies = [
  "swc_atoms",
  "swc_common",
  "swc_ecma_ast",
- "swc_ecma_parser",
  "swc_ecma_transforms_base",
  "swc_ecma_transforms_classes",
  "swc_ecma_transforms_macros",
@@ -1950,18 +2140,18 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_transforms_react"
-version = "0.67.1"
+version = "0.97.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "12a9c3ed9ff2c30faba6851d9287a2b21a9efdc0f4aba234980f8c57028bf2ea"
+checksum = "3fbf0ee845da10a4018e7c5c5258de5a0b4289fd5e0b4f2d640858fd29c2afe9"
 dependencies = [
  "ahash",
  "base64 0.13.0",
- "dashmap",
+ "dashmap 5.2.0",
  "indexmap",
  "once_cell",
  "regex",
  "serde",
- "sha-1",
+ "sha-1 0.10.0",
  "string_enum",
  "swc_atoms",
  "swc_common",
@@ -1975,15 +2165,14 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_transforms_typescript"
-version = "0.69.1"
+version = "0.100.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "00d48c902c53d5118ecfa5eb8346d78a9d51f062da425bf03bfc101205b390f6"
+checksum = "5c553fe85a8bcb0fcc6c8929770d556d567991f8061f7a47dc6e962b6b87dbf9"
 dependencies = [
  "serde",
  "swc_atoms",
  "swc_common",
  "swc_ecma_ast",
- "swc_ecma_parser",
  "swc_ecma_transforms_base",
  "swc_ecma_transforms_react",
  "swc_ecma_utils",
@@ -1992,24 +2181,24 @@ dependencies = [
 
 [[package]]
 name = "swc_ecma_utils"
-version = "0.56.2"
+version = "0.74.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0a3cb85935a25f5a78bdcf8252a0423eeb3aa3d027c16d2ae425454e0ab2a4c2"
+checksum = "daa3ba57f53fc15882d2ea288f9a4b6c3a6e97c015d7b9603035be424bc19007"
 dependencies = [
+ "indexmap",
  "once_cell",
  "swc_atoms",
  "swc_common",
  "swc_ecma_ast",
  "swc_ecma_visit",
  "tracing",
- "unicode-xid",
 ]
 
 [[package]]
 name = "swc_ecma_visit"
-version = "0.46.0"
+version = "0.57.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "38c03856f785763e50019ebd70281e9490c5b019f93cfc1dda180d49e30fcb4c"
+checksum = "7588bf6b02705a25356a130acdfec125b6a1dcd5390a5718082ae4f2ede85ee3"
 dependencies = [
  "num-bigint",
  "swc_atoms",
@@ -2021,9 +2210,9 @@ dependencies = [
 
 [[package]]
 name = "swc_ecmascript"
-version = "0.99.9"
+version = "0.136.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "643f0c9a2b6acfa0fff19ba80a6bff86240417bd9b1a168af97c3591eea99555"
+checksum = "5eb75ac51d44c811e4527ce30873a8ef1bd8f2435e33ec6a5dc62936dbfdc451"
 dependencies = [
  "swc_ecma_ast",
  "swc_ecma_codegen",
@@ -2058,6 +2247,17 @@ dependencies = [
  "syn",
 ]
 
+[[package]]
+name = "swc_trace_macro"
+version = "0.1.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8d1a05fdb40442d687cb2eff4e5c374886a66ced1436ad87515de7d72b3ec10b"
+dependencies = [
+ "proc-macro2",
+ "quote",
+ "syn",
+]
+
 [[package]]
 name = "swc_visit"
 version = "0.3.0"
@@ -2070,9 +2270,9 @@ dependencies = [
 
 [[package]]
 name = "swc_visit_macros"
-version = "0.3.0"
+version = "0.3.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e505bbf8e11898fa05a65aa5e773c827ec743fc15aa3c064c9e06164ed0b6630"
+checksum = "c3b9b72892df873972549838bf84d6c56234c7502148a7e23b5a3da6e0fedfb8"
 dependencies = [
  "Inflector",
  "pmutil",
@@ -2095,9 +2295,9 @@ dependencies = [
 
 [[package]]
 name = "termcolor"
-version = "1.1.2"
+version = "1.1.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2dfed899f0eb03f32ee8c6a0aabdb8a7949659e3466561fc0adf54e26d88c5f4"
+checksum = "bab24d30b911b2376f3a13cc2cd443142f0c81dda04c118693e35b3835757755"
 dependencies = [
  "winapi-util",
 ]
@@ -2167,9 +2367,9 @@ checksum = "cda74da7e1a664f795bb1f8a87ec406fb89a02522cf6e50620d016add6dbbf5c"
 
 [[package]]
 name = "tracing"
-version = "0.1.29"
+version = "0.1.32"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "375a639232caf30edfc78e8d89b2d4c375515393e7af7e16f01cd96917fb2105"
+checksum = "4a1bdf54a7c28a2bbf701e1d2233f6c77f473486b94bee4f9678da5a148dca7f"
 dependencies = [
  "cfg-if 1.0.0",
  "pin-project-lite",
@@ -2179,9 +2379,9 @@ dependencies = [
 
 [[package]]
 name = "tracing-attributes"
-version = "0.1.18"
+version = "0.1.20"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f4f480b8f81512e825f337ad51e94c1eb5d3bbdf2b363dcd01e2b19a9ffe3f8e"
+checksum = "2e65ce065b4b5c53e73bb28912318cb8c9e9ad3921f1d669eb0e68b4c8143a2b"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -2190,9 +2390,9 @@ dependencies = [
 
 [[package]]
 name = "tracing-core"
-version = "0.1.21"
+version = "0.1.23"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1f4ed65637b8390770814083d20756f87bfa2c21bf2f110babdc5438351746e4"
+checksum = "aa31669fa42c09c34d94d8165dd2012e8ff3c66aca50f3bb226b68f216f2706c"
 dependencies = [
  "lazy_static",
 ]
@@ -2221,6 +2421,12 @@ version = "0.3.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "1a01404663e3db436ed2746d9fefef640d868edae3cceb81c3b8d5732fda678f"
 
+[[package]]
+name = "unicode-id"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "4285d92be83dfbc8950a2601178b89ed36f979ebf51bfcf7b272b17001184e6c"
+
 [[package]]
 name = "unicode-normalization"
 version = "0.1.19"
@@ -2244,9 +2450,9 @@ checksum = "8ccb82d61f80a663efe1f787a51b16b5a51e3314d6ac365b08639f52387b33f3"
 
 [[package]]
 name = "unindent"
-version = "0.1.7"
+version = "0.1.8"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f14ee04d9415b52b3aeab06258a3f07093182b88ba0f9b8d203f211a7a7d41c7"
+checksum = "514672a55d7380da379785a4d70ca8386c8883ff7eaae877be4d2081cebe73d8"
 
 [[package]]
 name = "unreachable"
@@ -2277,9 +2483,9 @@ checksum = "f1bddf1187be692e79c5ffeab891132dfb0f236ed36a43c7ed39f1165ee20191"
 
 [[package]]
 name = "version_check"
-version = "0.9.3"
+version = "0.9.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5fecdca9a5291cc2b8dcf7dc02453fee791a280f3743cb0905f8822ae463b3fe"
+checksum = "49874b5167b65d7193b8aba1567f5c7d93d001cafc34600cee003eda787e483f"
 
 [[package]]
 name = "void"
@@ -2287,17 +2493,6 @@ version = "1.0.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "6a02e4885ed3bc0f2de90ea6dd45ebcbb66dacffe03547fadbb0eeae2770887d"
 
-[[package]]
-name = "walkdir"
-version = "2.3.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "808cf2735cd4b6866113f648b791c6adc5714537bc222d9347bb203386ffda56"
-dependencies = [
- "same-file",
- "winapi",
- "winapi-util",
-]
-
 [[package]]
 name = "wasi"
 version = "0.9.0+wasi-snapshot-preview1"
@@ -2406,11 +2601,54 @@ version = "0.4.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "712e227841d057c1ee1cd2fb22fa7e5a5461ae8e48fa2ca79ec42cfc1931183f"
 
+[[package]]
+name = "windows-sys"
+version = "0.32.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3df6e476185f92a12c072be4a189a0210dcdcf512a1891d6dff9edb874deadc6"
+dependencies = [
+ "windows_aarch64_msvc",
+ "windows_i686_gnu",
+ "windows_i686_msvc",
+ "windows_x86_64_gnu",
+ "windows_x86_64_msvc",
+]
+
+[[package]]
+name = "windows_aarch64_msvc"
+version = "0.32.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "d8e92753b1c443191654ec532f14c199742964a061be25d77d7a96f09db20bf5"
+
+[[package]]
+name = "windows_i686_gnu"
+version = "0.32.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "6a711c68811799e017b6038e0922cb27a5e2f43a2ddb609fe0b6f3eeda9de615"
+
+[[package]]
+name = "windows_i686_msvc"
+version = "0.32.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "146c11bb1a02615db74680b32a68e2d61f553cc24c4eb5b4ca10311740e44172"
+
+[[package]]
+name = "windows_x86_64_gnu"
+version = "0.32.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c912b12f7454c6620635bbff3450962753834be2a594819bd5e945af18ec64bc"
+
+[[package]]
+name = "windows_x86_64_msvc"
+version = "0.32.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "504a2476202769977a040c6364301a3f65d0cc9e3fb08600b2bda150a0488316"
+
 [[package]]
 name = "xxhash-rust"
-version = "0.8.2"
+version = "0.8.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e575e15bedf6e57b5c2d763ffc6c3c760143466cbd09d762d539680ab5992ded"
+checksum = "83a16b7b403377d61184bb601d8349a4ff2c4cec08a305d004f710b7eaafef24"
 
 [[package]]
 name = "zopfli"
diff --git a/package.json b/package.json
index d5f53b4c6dd..283cef976fd 100644
--- a/package.json
+++ b/package.json
@@ -44,7 +44,7 @@
     "@types/node": "^15.12.4",
     "cross-env": "^7.0.0",
     "eslint": "^7.20.0",
-    "flow-bin": "0.173.0",
+    "flow-bin": "0.174.1",
     "glob": "^7.1.6",
     "gulp": "^4.0.2",
     "gulp-babel": "^8.0.0",
diff --git a/packages/configs/default/index.json b/packages/configs/default/index.json
index bda82bd3089..e6d9a21e2a9 100644
--- a/packages/configs/default/index.json
+++ b/packages/configs/default/index.json
@@ -53,7 +53,7 @@
   ],
   "optimizers": {
     "data-url:*": ["...", "@parcel/optimizer-data-url"],
-    "*.css": ["@parcel/optimizer-cssnano"],
+    "*.css": ["@parcel/optimizer-css"],
     "*.{html,xhtml}": ["@parcel/optimizer-htmlnano"],
     "*.{js,mjs,cjs}": ["@parcel/optimizer-terser"],
     "*.svg": ["@parcel/optimizer-svgo"],
diff --git a/packages/configs/default/package.json b/packages/configs/default/package.json
index 88e663d1842..839601e9aea 100644
--- a/packages/configs/default/package.json
+++ b/packages/configs/default/package.json
@@ -21,7 +21,7 @@
     "@parcel/bundler-default": "2.0.20",
     "@parcel/compressor-raw": "2.0.20",
     "@parcel/namer-default": "2.0.20",
-    "@parcel/optimizer-cssnano": "2.0.20",
+    "@parcel/optimizer-css": "2.0.20",
     "@parcel/optimizer-htmlnano": "2.0.20",
     "@parcel/optimizer-image": "2.0.20",
     "@parcel/optimizer-svgo": "2.0.20",
@@ -50,31 +50,31 @@
     "@parcel/transformer-svg": "2.0.20"
   },
   "parcelDependencies": {
-    "@parcel/optimizer-data-url": "2.0.7",
-    "@parcel/packager-raw-url": "2.0.7",
-    "@parcel/packager-ts": "2.0.7",
-    "@parcel/packager-xml": "2.0.10",
-    "@parcel/transformer-coffeescript": "2.0.7",
-    "@parcel/transformer-elm": "2.0.7",
-    "@parcel/transformer-glsl": "2.0.7",
-    "@parcel/transformer-graphql": "2.0.7",
-    "@parcel/transformer-inline-string": "2.0.7",
-    "@parcel/transformer-jsonld": "2.0.7",
-    "@parcel/transformer-less": "2.0.7",
-    "@parcel/transformer-mdx": "2.0.7",
-    "@parcel/transformer-pug": "2.0.7",
-    "@parcel/transformer-sass": "2.0.7",
-    "@parcel/transformer-stylus": "2.0.7",
-    "@parcel/transformer-sugarss": "2.0.7",
-    "@parcel/transformer-toml": "2.0.7",
-    "@parcel/transformer-typescript-types": "2.0.7",
-    "@parcel/transformer-vue": "2.0.7",
-    "@parcel/transformer-webmanifest": "2.0.7",
-    "@parcel/transformer-worklet": "2.0.7",
-    "@parcel/transformer-xml": "2.0.10",
-    "@parcel/transformer-yaml": "2.0.7"
+    "@parcel/optimizer-data-url": "2.0.20",
+    "@parcel/packager-raw-url": "2.0.20",
+    "@parcel/packager-ts": "2.0.20",
+    "@parcel/packager-xml": "2.0.20",
+    "@parcel/transformer-coffeescript": "2.0.20",
+    "@parcel/transformer-elm": "2.0.20",
+    "@parcel/transformer-glsl": "2.0.20",
+    "@parcel/transformer-graphql": "2.0.20",
+    "@parcel/transformer-inline-string": "2.0.20",
+    "@parcel/transformer-jsonld": "2.0.20",
+    "@parcel/transformer-less": "2.0.20",
+    "@parcel/transformer-mdx": "2.0.20",
+    "@parcel/transformer-pug": "2.0.20",
+    "@parcel/transformer-sass": "2.0.20",
+    "@parcel/transformer-stylus": "2.0.20",
+    "@parcel/transformer-sugarss": "2.0.20",
+    "@parcel/transformer-toml": "2.0.20",
+    "@parcel/transformer-typescript-types": "2.0.20",
+    "@parcel/transformer-vue": "2.0.20",
+    "@parcel/transformer-webmanifest": "2.0.20",
+    "@parcel/transformer-worklet": "2.0.20",
+    "@parcel/transformer-xml": "2.0.20",
+    "@parcel/transformer-yaml": "2.0.20"
   },
   "peerDependencies": {
-    "@parcel/core": "^2.3.2"
+    "@parcel/core": "^2.0.20"
   }
 }
diff --git a/packages/core/core/src/AssetGraph.js b/packages/core/core/src/AssetGraph.js
index f62b980968e..b0bea578f2c 100644
--- a/packages/core/core/src/AssetGraph.js
+++ b/packages/core/core/src/AssetGraph.js
@@ -542,11 +542,7 @@ export default class AssetGraph extends ContentGraph<AssetGraphNode> {
   }
 
   getIncomingDependencies(asset: Asset): Array<Dependency> {
-    let nodeId = this._contentKeyToNodeId.get(asset.id);
-    if (!nodeId) {
-      return [];
-    }
-
+    let nodeId = this.getNodeIdByContentKey(asset.id);
     let assetGroupIds = this.getNodeIdsConnectedTo(nodeId);
     let dependencies = [];
     for (let i = 0; i < assetGroupIds.length; i++) {
diff --git a/packages/core/core/src/resolveOptions.js b/packages/core/core/src/resolveOptions.js
index e8c5104425b..9c1d6f15010 100644
--- a/packages/core/core/src/resolveOptions.js
+++ b/packages/core/core/src/resolveOptions.js
@@ -4,6 +4,7 @@ import type {
   FilePath,
   InitialParcelOptions,
   DependencySpecifier,
+  InitialServerOptions,
 } from '@parcel/types';
 import type {FileSystem} from '@parcel/fs';
 import type {ParcelOptions} from './types';
@@ -95,6 +96,19 @@ export default async function resolveOptions(
     throw new Error('Lazy bundling does not work with content hashing');
   }
 
+  let env = {
+    ...(await loadDotEnv(
+      initialOptions.env ?? {},
+      inputFS,
+      path.join(projectRoot, 'index'),
+      projectRoot,
+    )),
+    ...process.env,
+    ...initialOptions.env,
+  };
+
+  let port = determinePort(initialOptions.serveOptions, env.PORT);
+
   return {
     config: getRelativeConfigSpecifier(
       inputFS,
@@ -107,16 +121,7 @@ export default async function resolveOptions(
       initialOptions.defaultConfig,
     ),
     shouldPatchConsole: initialOptions.shouldPatchConsole ?? false,
-    env: {
-      ...(await loadDotEnv(
-        initialOptions.env ?? {},
-        inputFS,
-        path.join(projectRoot, 'index'),
-        projectRoot,
-      )),
-      ...process.env,
-      ...initialOptions.env,
-    },
+    env,
     mode,
     shouldAutoInstall: initialOptions.shouldAutoInstall ?? false,
     hmrOptions: initialOptions.hmrOptions ?? null,
@@ -128,6 +133,7 @@ export default async function resolveOptions(
       ? {
           ...initialOptions.serveOptions,
           distDir: distDir ?? path.join(outputCwd, 'dist'),
+          port,
         }
       : false,
     shouldDisableCache: initialOptions.shouldDisableCache ?? false,
@@ -180,3 +186,34 @@ function getRelativeConfigSpecifier(
     return specifier;
   }
 }
+
+function determinePort(
+  initialServerOptions: InitialServerOptions | false | void,
+  portInEnv: string | void,
+  defaultPort: number = 1234,
+): number {
+  function parsePort(port: string): number | void {
+    let parsedPort = Number(port);
+
+    // return undefined if port number defined in .env is not valid integer
+    if (!Number.isInteger(parsedPort)) {
+      return undefined;
+    }
+    return parsedPort;
+  }
+
+  if (!initialServerOptions) {
+    return typeof portInEnv !== 'undefined'
+      ? parsePort(portInEnv) ?? defaultPort
+      : defaultPort;
+  }
+
+  // if initialServerOptions.port is equal to defaultPort, then this means that port number is provided via PORT=~~~~ on cli. In this case, we should ignore port number defined in .env.
+  if (initialServerOptions.port !== defaultPort) {
+    return initialServerOptions.port;
+  }
+
+  return typeof portInEnv !== 'undefined'
+    ? parsePort(portInEnv) ?? defaultPort
+    : defaultPort;
+}
diff --git a/packages/core/integration-tests/test/css-modules.js b/packages/core/integration-tests/test/css-modules.js
index de7a660b36d..f591e517873 100644
--- a/packages/core/integration-tests/test/css-modules.js
+++ b/packages/core/integration-tests/test/css-modules.js
@@ -1,7 +1,7 @@
 import assert from 'assert';
 import path from 'path';
 import {
-  bundle as originalBundle,
+  bundle,
   run,
   assertBundles,
   distDir,
@@ -10,486 +10,442 @@ import {
 import postcss from 'postcss';
 
 describe('css modules', () => {
-  for (let name of ['old', 'new']) {
-    describe(name, () => {
-      let bundle = (entries, opts = {}) => {
-        if (name === 'new') {
-          // $FlowFixMe
-          opts.defaultConfig =
-            path.dirname(require.resolve('@parcel/test-utils')) +
-            '/.parcelrc-css';
-        }
-        return originalBundle(entries, opts);
-      };
-
-      it('should support transforming css modules (require)', async () => {
-        let b = await bundle(
-          path.join(__dirname, '/integration/postcss-modules-cjs/index.js'),
-        );
-
-        assertBundles(b, [
-          {
-            name: 'index.js',
-            assets: ['index.js', 'foo.module.css'],
-          },
-          {
-            name: 'index.css',
-            assets: ['index.css', 'foo.module.css'],
-          },
-        ]);
-
-        let output = await run(b);
-        assert.equal(typeof output, 'function');
-
-        let value = output();
-        assert(/foo_[0-9a-zA-Z]/.test(value));
-
-        let cssClass = value.match(/(foo_[0-9a-zA-Z])/)[1];
-
-        let css = await outputFS.readFile(
-          path.join(distDir, 'index.css'),
-          'utf8',
-        );
-        assert(css.includes(`.${cssClass}`));
-      });
-
-      it('should support transforming css modules (import default)', async () => {
-        let b = await bundle(
-          path.join(
-            __dirname,
-            '/integration/postcss-modules-import-default/index.js',
-          ),
-          {mode: 'production'},
-        );
-
-        assertBundles(b, [
-          {
-            name: 'index.js',
-            assets: ['index.js', 'style.module.css'],
-          },
-          {
-            name: 'index.css',
-            assets: ['style.module.css'],
-          },
-        ]);
-
-        let output = await run(b);
-        assert(/b-2_[0-9a-zA-Z]/.test(output));
-
-        let css = await outputFS.readFile(
-          b.getBundles().find(b => b.type === 'css').filePath,
-          'utf8',
-        );
-        let includedRules = new Set();
-        postcss.parse(css).walkRules(rule => {
-          includedRules.add(rule.selector);
-        });
-        assert(includedRules.has('.page'));
-        assert(includedRules.has(`.${output}`));
-      });
-
-      it('should tree shake unused css modules classes with a namespace import', async () => {
-        let b = await bundle(
-          path.join(
-            __dirname,
-            '/integration/postcss-modules-import-namespace/index.js',
-          ),
-          {mode: 'production'},
-        );
-
-        assertBundles(b, [
-          {
-            name: 'index.js',
-            assets: ['index.js', 'style.module.css'],
-          },
-          {
-            name: 'index.css',
-            assets: ['global.css', 'style.module.css'],
-          },
-        ]);
-
-        let js = await outputFS.readFile(
-          b.getBundles().find(b => b.type === 'js').filePath,
-          'utf8',
-        );
-        assert(!js.includes('unused'));
-
-        let output = await run(b);
-        assert(/b-2_[0-9a-zA-Z]/.test(output));
-
-        let css = await outputFS.readFile(
-          b.getBundles().find(b => b.type === 'css').filePath,
-          'utf8',
-        );
-        let includedRules = new Set();
-        postcss.parse(css).walkRules(rule => {
-          includedRules.add(rule.selector);
-        });
-        assert.deepStrictEqual(
-          includedRules,
-          new Set(['body', `.${output}`, '.page']),
-        );
-      });
-
-      it('should produce correct css without symbol propagation for css modules classes with a namespace import', async () => {
-        let b = await bundle(
+  it('should support transforming css modules (require)', async () => {
+    let b = await bundle(
+      path.join(__dirname, '/integration/postcss-modules-cjs/index.js'),
+    );
+
+    assertBundles(b, [
+      {
+        name: 'index.js',
+        assets: ['index.js', 'foo.module.css'],
+      },
+      {
+        name: 'index.css',
+        assets: ['index.css', 'foo.module.css'],
+      },
+    ]);
+
+    let output = await run(b);
+    assert.equal(typeof output, 'function');
+
+    let value = output();
+    assert(/foo_[0-9a-zA-Z]/.test(value));
+
+    let cssClass = value.match(/(foo_[0-9a-zA-Z])/)[1];
+
+    let css = await outputFS.readFile(path.join(distDir, 'index.css'), 'utf8');
+    assert(css.includes(`.${cssClass}`));
+  });
+
+  it('should support transforming css modules (import default)', async () => {
+    let b = await bundle(
+      path.join(
+        __dirname,
+        '/integration/postcss-modules-import-default/index.js',
+      ),
+      {mode: 'production'},
+    );
+
+    assertBundles(b, [
+      {
+        name: 'index.js',
+        assets: ['index.js', 'style.module.css'],
+      },
+      {
+        name: 'index.css',
+        assets: ['style.module.css'],
+      },
+    ]);
+
+    let output = await run(b);
+    assert(/b-2_[0-9a-zA-Z]/.test(output));
+
+    let css = await outputFS.readFile(
+      b.getBundles().find(b => b.type === 'css').filePath,
+      'utf8',
+    );
+    let includedRules = new Set();
+    postcss.parse(css).walkRules(rule => {
+      includedRules.add(rule.selector);
+    });
+    assert(includedRules.has('.page'));
+    assert(includedRules.has(`.${output}`));
+  });
+
+  it('should tree shake unused css modules classes with a namespace import', async () => {
+    let b = await bundle(
+      path.join(
+        __dirname,
+        '/integration/postcss-modules-import-namespace/index.js',
+      ),
+      {mode: 'production'},
+    );
+
+    assertBundles(b, [
+      {
+        name: 'index.js',
+        assets: ['index.js', 'style.module.css'],
+      },
+      {
+        name: 'index.css',
+        assets: ['global.css', 'style.module.css'],
+      },
+    ]);
+
+    let js = await outputFS.readFile(
+      b.getBundles().find(b => b.type === 'js').filePath,
+      'utf8',
+    );
+    assert(!js.includes('unused'));
+
+    let output = await run(b);
+    assert(/b-2_[0-9a-zA-Z]/.test(output));
+
+    let css = await outputFS.readFile(
+      b.getBundles().find(b => b.type === 'css').filePath,
+      'utf8',
+    );
+    let includedRules = new Set();
+    postcss.parse(css).walkRules(rule => {
+      includedRules.add(rule.selector);
+    });
+    assert.deepStrictEqual(
+      includedRules,
+      new Set(['body', `.${output}`, '.page']),
+    );
+  });
+
+  it('should produce correct css without symbol propagation for css modules classes with a namespace import', async () => {
+    let b = await bundle(
+      path.join(
+        __dirname,
+        '/integration/postcss-modules-import-namespace/index.js',
+      ),
+      {
+        mode: 'production',
+        defaultTargetOptions: {
+          shouldScopeHoist: false,
+        },
+      },
+    );
+
+    assertBundles(b, [
+      {
+        name: 'index.js',
+        assets: ['index.js', 'style.module.css'],
+      },
+      {
+        name: 'index.css',
+        assets: ['global.css', 'style.module.css'],
+      },
+    ]);
+
+    let {output} = await run(b, null, {require: false});
+    assert(/b-2_[0-9a-zA-Z]/.test(output));
+
+    let css = await outputFS.readFile(
+      b.getBundles().find(b => b.type === 'css').filePath,
+      'utf8',
+    );
+    let includedRules = new Set();
+    postcss.parse(css).walkRules(rule => {
+      includedRules.add(rule.selector);
+    });
+    assert(includedRules.has('body'));
+    assert(includedRules.has(`.${output}`));
+    assert(includedRules.has('.page'));
+  });
+
+  it('should support importing css modules with a non-static namespace import', async () => {
+    let b = await bundle(
+      path.join(
+        __dirname,
+        '/integration/postcss-modules-import-namespace-whole/index.js',
+      ),
+      {mode: 'production'},
+    );
+
+    assertBundles(b, [
+      {
+        name: 'index.js',
+        assets: ['index.js', 'style.module.css'],
+      },
+      {
+        name: 'index.css',
+        assets: ['global.css', 'style.module.css'],
+      },
+    ]);
+
+    let js = await outputFS.readFile(
+      b.getBundles().find(b => b.type === 'js').filePath,
+      'utf8',
+    );
+    assert(js.includes('unused'));
+
+    let output = await run(b);
+    assert(/b-2_[0-9a-zA-Z]/.test(output['b-2']));
+    assert(/unused_[0-9a-zA-Z]/.test(output['unused']));
+
+    let css = await outputFS.readFile(
+      b.getBundles().find(b => b.type === 'css').filePath,
+      'utf8',
+    );
+    let includedRules = new Set();
+    postcss.parse(css).walkRules(rule => {
+      includedRules.add(rule.selector);
+    });
+    assert.deepStrictEqual(
+      includedRules,
+      new Set(['body', `.${output['b-2']}`, `.${output['unused']}`, '.page']),
+    );
+  });
+
+  it('should support css modules composes imports', async () => {
+    let b = await bundle(
+      path.join(__dirname, '/integration/postcss-composes/index.js'),
+    );
+
+    assertBundles(b, [
+      {
+        name: 'index.js',
+        assets: [
+          'index.js',
+          'composes-1.module.css',
+          'composes-2.module.css',
+          'mixins.module.css',
+        ],
+      },
+      {
+        name: 'index.css',
+        assets: [
+          'composes-1.module.css',
+          'composes-2.module.css',
+          'mixins.module.css',
+        ],
+      },
+    ]);
+
+    let output = await run(b);
+    assert.equal(typeof output, 'function');
+
+    let value = output();
+    const composes1Classes = value.composes1.split(' ');
+    const composes2Classes = value.composes2.split(' ');
+    assert(composes1Classes[0].startsWith('composes1_'));
+    assert(composes1Classes[1].startsWith('test_'));
+    assert(composes2Classes[0].startsWith('composes2_'));
+    assert(composes2Classes[1].startsWith('test_'));
+
+    let css = await outputFS.readFile(path.join(distDir, 'index.css'), 'utf8');
+    let cssClass1 = value.composes1.match(/(composes1_[0-9a-zA-Z]+)/)[1];
+    assert(css.includes(`.${cssClass1}`));
+    let cssClass2 = value.composes2.match(/(composes2_[0-9a-zA-Z]+)/)[1];
+    assert(css.includes(`.${cssClass2}`));
+  });
+
+  it('should not include css twice for composes imports', async () => {
+    let b = await bundle(
+      path.join(__dirname, '/integration/postcss-composes/index.js'),
+    );
+
+    await run(b);
+
+    let css = await outputFS.readFile(path.join(distDir, 'index.css'), 'utf8');
+    assert.equal(
+      css.indexOf('height: 100px;'),
+      css.lastIndexOf('height: 100px;'),
+    );
+  });
+
+  it('should support composes imports for sass', async () => {
+    let b = await bundle(
+      path.join(__dirname, '/integration/postcss-composes/index2.js'),
+    );
+
+    assertBundles(b, [
+      {
+        name: 'index2.js',
+        assets: ['index2.js', 'composes-3.module.css', 'mixins.module.scss'],
+      },
+      {
+        name: 'index2.css',
+        assets: ['composes-3.module.css', 'mixins.module.scss'],
+      },
+    ]);
+
+    let output = await run(b);
+    assert.equal(typeof output, 'function');
+
+    let value = output();
+    const composes3Classes = value.composes3.split(' ');
+    assert(composes3Classes[0].startsWith('composes3_'));
+    assert(composes3Classes[1].startsWith('test_'));
+
+    let css = await outputFS.readFile(path.join(distDir, 'index2.css'), 'utf8');
+    assert(css.includes('height: 200px;'));
+  });
+
+  it('should support composes imports with custom path names', async () => {
+    let b = await bundle(
+      path.join(__dirname, '/integration/postcss-composes/index3.js'),
+    );
+
+    assertBundles(b, [
+      {
+        name: 'index3.js',
+        assets: ['index3.js', 'composes-4.module.css', 'mixins.module.css'],
+      },
+      {
+        name: 'index3.css',
+        assets: ['composes-4.module.css', 'mixins.module.css'],
+      },
+    ]);
+
+    let output = await run(b);
+    assert.equal(typeof output, 'function');
+
+    let value = output();
+    const composes4Classes = value.composes4.split(' ');
+    assert(composes4Classes[0].startsWith('composes4_'));
+    assert(composes4Classes[1].startsWith('test_'));
+
+    let css = await outputFS.readFile(path.join(distDir, 'index3.css'), 'utf8');
+    assert(css.includes('height: 100px;'));
+  });
+
+  it('should support deep nested composes imports', async () => {
+    let b = await bundle(
+      path.join(__dirname, '/integration/postcss-composes/index4.js'),
+    );
+
+    assertBundles(b, [
+      {
+        name: 'index4.js',
+        assets: [
+          'index4.js',
+          'composes-5.module.css',
+          'mixins-intermediate.module.css',
+          'mixins.module.css',
+        ],
+      },
+      {
+        name: 'index4.css',
+        assets: [
+          'composes-5.module.css',
+          'mixins-intermediate.module.css',
+          'mixins.module.css',
+        ],
+      },
+    ]);
+
+    let output = await run(b);
+    assert.equal(typeof output, 'function');
+
+    let value = output();
+    const composes5Classes = value.composes5.split(' ');
+    assert(composes5Classes[0].startsWith('composes5_'));
+    assert(composes5Classes[1].startsWith('intermediate_'));
+    assert(composes5Classes[2].startsWith('test_'));
+
+    let css = await outputFS.readFile(path.join(distDir, 'index4.css'), 'utf8');
+    assert(css.includes('height: 100px;'));
+    assert(css.includes('height: 300px;'));
+    assert(css.indexOf('.test_') < css.indexOf('.intermediate_'));
+  });
+
+  it('should support composes imports for multiple selectors', async () => {
+    let b = await bundle(
+      path.join(__dirname, '/integration/postcss-composes/index5.js'),
+    );
+
+    assertBundles(b, [
+      {
+        name: 'index5.js',
+        assets: ['index5.js', 'composes-6.module.css', 'mixins.module.css'],
+      },
+      {
+        name: 'index5.css',
+        assets: ['composes-6.module.css', 'mixins.module.css'],
+      },
+    ]);
+
+    let output = await run(b);
+    assert.equal(typeof output, 'function');
+
+    let value = output();
+    const composes6Classes = value.composes6.split(' ');
+    assert(composes6Classes[0].startsWith('composes6_'));
+    assert(composes6Classes[1].startsWith('test_'));
+    assert(composes6Classes[2].startsWith('test-2_'));
+  });
+
+  it('should throw an error when importing a missing class', async function () {
+    await assert.rejects(
+      () =>
+        bundle(
           path.join(
             __dirname,
-            '/integration/postcss-modules-import-namespace/index.js',
+            '/integration/no-export-error-with-correct-filetype/src/App.jsx',
           ),
           {
-            mode: 'production',
+            shouldDisableCache: true,
             defaultTargetOptions: {
-              shouldScopeHoist: false,
+              shouldScopeHoist: true,
             },
           },
-        );
-
-        assertBundles(b, [
-          {
-            name: 'index.js',
-            assets: ['index.js', 'style.module.css'],
-          },
-          {
-            name: 'index.css',
-            assets: ['global.css', 'style.module.css'],
-          },
-        ]);
-
-        let {output} = await run(b, null, {require: false});
-        assert(/b-2_[0-9a-zA-Z]/.test(output));
-
-        let css = await outputFS.readFile(
-          b.getBundles().find(b => b.type === 'css').filePath,
-          'utf8',
-        );
-        let includedRules = new Set();
-        postcss.parse(css).walkRules(rule => {
-          includedRules.add(rule.selector);
-        });
-        assert(includedRules.has('body'));
-        assert(includedRules.has(`.${output}`));
-        assert(includedRules.has('.page'));
-      });
-
-      it('should support importing css modules with a non-static namespace import', async () => {
-        let b = await bundle(
-          path.join(
-            __dirname,
-            '/integration/postcss-modules-import-namespace-whole/index.js',
-          ),
-          {mode: 'production'},
-        );
-
-        assertBundles(b, [
-          {
-            name: 'index.js',
-            assets: ['index.js', 'style.module.css'],
-          },
-          {
-            name: 'index.css',
-            assets: ['global.css', 'style.module.css'],
-          },
-        ]);
-
-        let js = await outputFS.readFile(
-          b.getBundles().find(b => b.type === 'js').filePath,
-          'utf8',
-        );
-        assert(js.includes('unused'));
-
-        let output = await run(b);
-        assert(/b-2_[0-9a-zA-Z]/.test(output['b-2']));
-        assert(/unused_[0-9a-zA-Z]/.test(output['unused']));
-
-        let css = await outputFS.readFile(
-          b.getBundles().find(b => b.type === 'css').filePath,
-          'utf8',
-        );
-        let includedRules = new Set();
-        postcss.parse(css).walkRules(rule => {
-          includedRules.add(rule.selector);
-        });
-        assert.deepStrictEqual(
-          includedRules,
-          new Set([
-            'body',
-            `.${output['b-2']}`,
-            `.${output['unused']}`,
-            '.page',
-          ]),
-        );
-      });
-
-      it('should support css modules composes imports', async () => {
-        let b = await bundle(
-          path.join(__dirname, '/integration/postcss-composes/index.js'),
-        );
-
-        assertBundles(b, [
-          {
-            name: 'index.js',
-            assets: [
-              'index.js',
-              'composes-1.module.css',
-              'composes-2.module.css',
-              'mixins.module.css',
-            ],
-          },
-          {
-            name: 'index.css',
-            assets: [
-              'composes-1.module.css',
-              'composes-2.module.css',
-              'mixins.module.css',
-            ],
-          },
-        ]);
-
-        let output = await run(b);
-        assert.equal(typeof output, 'function');
-
-        let value = output();
-        const composes1Classes = value.composes1.split(' ');
-        const composes2Classes = value.composes2.split(' ');
-        assert(composes1Classes[0].startsWith('composes1_'));
-        assert(composes1Classes[1].startsWith('test_'));
-        assert(composes2Classes[0].startsWith('composes2_'));
-        assert(composes2Classes[1].startsWith('test_'));
-
-        let css = await outputFS.readFile(
-          path.join(distDir, 'index.css'),
-          'utf8',
-        );
-        let cssClass1 = value.composes1.match(/(composes1_[0-9a-zA-Z]+)/)[1];
-        assert(css.includes(`.${cssClass1}`));
-        let cssClass2 = value.composes2.match(/(composes2_[0-9a-zA-Z]+)/)[1];
-        assert(css.includes(`.${cssClass2}`));
-      });
-
-      it('should not include css twice for composes imports', async () => {
-        let b = await bundle(
-          path.join(__dirname, '/integration/postcss-composes/index.js'),
-        );
-
-        await run(b);
-
-        let css = await outputFS.readFile(
-          path.join(distDir, 'index.css'),
-          'utf8',
-        );
-        assert.equal(
-          css.indexOf('height: 100px;'),
-          css.lastIndexOf('height: 100px;'),
-        );
-      });
-
-      it('should support composes imports for sass', async () => {
-        let b = await bundle(
-          path.join(__dirname, '/integration/postcss-composes/index2.js'),
-        );
-
-        assertBundles(b, [
-          {
-            name: 'index2.js',
-            assets: [
-              'index2.js',
-              'composes-3.module.css',
-              'mixins.module.scss',
-            ],
-          },
-          {
-            name: 'index2.css',
-            assets: ['composes-3.module.css', 'mixins.module.scss'],
-          },
-        ]);
-
-        let output = await run(b);
-        assert.equal(typeof output, 'function');
-
-        let value = output();
-        const composes3Classes = value.composes3.split(' ');
-        assert(composes3Classes[0].startsWith('composes3_'));
-        assert(composes3Classes[1].startsWith('test_'));
-
-        let css = await outputFS.readFile(
-          path.join(distDir, 'index2.css'),
-          'utf8',
-        );
-        assert(css.includes('height: 200px;'));
-      });
-
-      it('should support composes imports with custom path names', async () => {
-        let b = await bundle(
-          path.join(__dirname, '/integration/postcss-composes/index3.js'),
-        );
-
-        assertBundles(b, [
-          {
-            name: 'index3.js',
-            assets: ['index3.js', 'composes-4.module.css', 'mixins.module.css'],
-          },
+        ),
+      {
+        name: 'BuildError',
+        diagnostics: [
           {
-            name: 'index3.css',
-            assets: ['composes-4.module.css', 'mixins.module.css'],
-          },
-        ]);
-
-        let output = await run(b);
-        assert.equal(typeof output, 'function');
-
-        let value = output();
-        const composes4Classes = value.composes4.split(' ');
-        assert(composes4Classes[0].startsWith('composes4_'));
-        assert(composes4Classes[1].startsWith('test_'));
-
-        let css = await outputFS.readFile(
-          path.join(distDir, 'index3.css'),
-          'utf8',
-        );
-        assert(css.includes('height: 100px;'));
-      });
-
-      it('should support deep nested composes imports', async () => {
-        let b = await bundle(
-          path.join(__dirname, '/integration/postcss-composes/index4.js'),
-        );
-
-        assertBundles(b, [
-          {
-            name: 'index4.js',
-            assets: [
-              'index4.js',
-              'composes-5.module.css',
-              'mixins-intermediate.module.css',
-              'mixins.module.css',
-            ],
-          },
-          {
-            name: 'index4.css',
-            assets: [
-              'composes-5.module.css',
-              'mixins-intermediate.module.css',
-              'mixins.module.css',
-            ],
-          },
-        ]);
-
-        let output = await run(b);
-        assert.equal(typeof output, 'function');
-
-        let value = output();
-        const composes5Classes = value.composes5.split(' ');
-        assert(composes5Classes[0].startsWith('composes5_'));
-        assert(composes5Classes[1].startsWith('intermediate_'));
-        assert(composes5Classes[2].startsWith('test_'));
-
-        let css = await outputFS.readFile(
-          path.join(distDir, 'index4.css'),
-          'utf8',
-        );
-        assert(css.includes('height: 100px;'));
-        assert(css.includes('height: 300px;'));
-        assert(css.indexOf('.test_') < css.indexOf('.intermediate_'));
-      });
-
-      it('should support composes imports for multiple selectors', async () => {
-        let b = await bundle(
-          path.join(__dirname, '/integration/postcss-composes/index5.js'),
-        );
-
-        assertBundles(b, [
-          {
-            name: 'index5.js',
-            assets: ['index5.js', 'composes-6.module.css', 'mixins.module.css'],
-          },
-          {
-            name: 'index5.css',
-            assets: ['composes-6.module.css', 'mixins.module.css'],
-          },
-        ]);
-
-        let output = await run(b);
-        assert.equal(typeof output, 'function');
-
-        let value = output();
-        const composes6Classes = value.composes6.split(' ');
-        assert(composes6Classes[0].startsWith('composes6_'));
-        assert(composes6Classes[1].startsWith('test_'));
-        assert(composes6Classes[2].startsWith('test-2_'));
-      });
-
-      it('should throw an error when importing a missing class', async function () {
-        await assert.rejects(
-          () =>
-            bundle(
-              path.join(
-                __dirname,
-                '/integration/no-export-error-with-correct-filetype/src/App.jsx',
-              ),
+            codeFrames: [
               {
-                shouldDisableCache: true,
-                defaultTargetOptions: {
-                  shouldScopeHoist: true,
-                },
-              },
-            ),
-          {
-            name: 'BuildError',
-            diagnostics: [
-              {
-                codeFrames: [
+                filePath: path.join(
+                  __dirname,
+                  '/integration/no-export-error-with-correct-filetype/src/App.jsx',
+                ),
+                language: 'js',
+                codeHighlights: [
                   {
-                    filePath: path.join(
-                      __dirname,
-                      '/integration/no-export-error-with-correct-filetype/src/App.jsx',
-                    ),
-                    language: 'js',
-                    codeHighlights: [
-                      {
-                        end: {
-                          column: 45,
-                          line: 7,
-                        },
-                        start: {
-                          column: 28,
-                          line: 7,
-                        },
-                      },
-                    ],
+                    end: {
+                      column: 45,
+                      line: 7,
+                    },
+                    start: {
+                      column: 28,
+                      line: 7,
+                    },
                   },
                 ],
-                message:
-                  "integration/no-export-error-with-correct-filetype/src/app.module.css does not export 'notExisting'",
-                origin: '@parcel/core',
               },
             ],
+            message:
+              "integration/no-export-error-with-correct-filetype/src/app.module.css does not export 'notExisting'",
+            origin: '@parcel/core',
           },
-        );
-      });
-
-      it('should fall back to postcss for legacy css modules', async function () {
-        let b = await bundle(
-          path.join(__dirname, '/integration/css-modules-legacy/index.js'),
-        );
-
-        assertBundles(b, [
-          {
-            name: 'index.js',
-            assets: ['index.js', 'index.module.css'],
-          },
-          {
-            name: 'index.css',
-            assets: ['index.module.css'],
-          },
-        ]);
-
-        let css = await outputFS.readFile(
-          path.join(distDir, 'index.css'),
-          'utf8',
-        );
-        assert(css.includes('color: red'));
-      });
-    });
-  }
+        ],
+      },
+    );
+  });
+
+  it('should fall back to postcss for legacy css modules', async function () {
+    let b = await bundle(
+      path.join(__dirname, '/integration/css-modules-legacy/index.js'),
+    );
+
+    assertBundles(b, [
+      {
+        name: 'index.js',
+        assets: ['index.js', 'index.module.css'],
+      },
+      {
+        name: 'index.css',
+        assets: ['index.module.css'],
+      },
+    ]);
+
+    let css = await outputFS.readFile(path.join(distDir, 'index.css'), 'utf8');
+    assert(css.includes('color: red'));
+  });
 });
diff --git a/packages/core/integration-tests/test/css.js b/packages/core/integration-tests/test/css.js
index 45e575a0874..128a08c1619 100644
--- a/packages/core/integration-tests/test/css.js
+++ b/packages/core/integration-tests/test/css.js
@@ -2,7 +2,7 @@
 import assert from 'assert';
 import path from 'path';
 import {
-  bundle as originalBundle,
+  bundle,
   run,
   assertBundles,
   distDir,
@@ -16,467 +16,473 @@ describe('css', () => {
     await removeDistDirectory();
   });
 
-  for (let name of ['old', 'new']) {
-    describe(name, () => {
-      let bundle = (entries, opts = {}) => {
-        if (name === 'new') {
-          // $FlowFixMe
-          opts.defaultConfig =
-            path.dirname(require.resolve('@parcel/test-utils')) +
-            '/.parcelrc-css';
-        }
-        return originalBundle(entries, opts);
-      };
-
-      it('should produce two bundles when importing a CSS file', async () => {
-        let b = await bundle(path.join(__dirname, '/integration/css/index.js'));
-
-        assertBundles(b, [
-          {
-            name: 'index.js',
-            assets: ['index.js', 'local.js'],
-          },
-          {
-            name: 'index.css',
-            assets: ['index.css', 'local.css'],
-          },
-        ]);
-
-        let output = await run(b);
-        assert.equal(typeof output, 'function');
-        assert.equal(output(), 3);
-      });
-
-      it('should bundle css dependencies in the correct, postorder traversal order', async () => {
-        let b = await bundle(
-          path.join(__dirname, '/integration/css-order/a.css'),
-        );
-
-        // Given a tree of css with imports:
-        //      A
-        //    /   \
-        //   B     E
-        //  / \
-        // C   D
-        //
-        // (A imports B (which imports C and D) and E)
-        //
-        // ...styles should be applied in the order C, D, B, E, A
-
-        assertBundles(b, [
-          {
-            name: 'a.css',
-            assets: ['a.css', 'b.css', 'c.css', 'd.css', 'e.css'],
-          },
-        ]);
-
-        let css = await outputFS.readFile(path.join(distDir, 'a.css'), 'utf8');
-        assert.ok(
-          css.indexOf('.c {') < css.indexOf('.d {') &&
-            css.indexOf('.d {') < css.indexOf('.b {') &&
-            css.indexOf('.b {') < css.indexOf('.e {') &&
-            css.indexOf('.e {') < css.indexOf('.a {'),
-        );
-      });
-
-      it('should support loading a CSS bundle along side dynamic imports', async () => {
-        let b = await bundle(
-          path.join(__dirname, '/integration/dynamic-css/index.js'),
-        );
-
-        assertBundles(b, [
-          {
-            name: 'index.js',
-            assets: [
-              'bundle-url.js',
-              'cacheLoader.js',
-              'css-loader.js',
-              'index.js',
-              'js-loader.js',
-            ],
-          },
-          {name: /local\.[0-9a-f]{8}\.js/, assets: ['local.js']},
-          {name: /local\.[0-9a-f]{8}\.css/, assets: ['local.css']},
-          {name: 'index.css', assets: ['index.css']},
-        ]);
-
-        let output = await run(b);
-        assert.equal(typeof output, 'function');
-        assert.equal(await output(), 3);
-      });
-
-      it('should support importing CSS from a CSS file', async function () {
-        let b = await bundle(
-          path.join(__dirname, '/integration/css-import/index.js'),
-        );
-
-        assertBundles(b, [
-          {
-            name: 'index.js',
-            assets: ['index.js'],
-          },
-          {
-            name: 'index.css',
-            assets: ['index.css', 'other.css', 'local.css'],
-          },
-        ]);
-
-        let output = await run(b);
-        assert.equal(typeof output, 'function');
-        assert.equal(output(), 2);
-
-        let css = await outputFS.readFile(
-          path.join(distDir, '/index.css'),
-          'utf8',
-        );
-        assert(css.includes('.local'));
-        assert(css.includes('.other'));
-        assert(/@media print {\s*.other/.test(css));
-        assert(css.includes('.index'));
-      });
-
-      it('should support linking to assets with url() from CSS', async function () {
-        let b = await bundle(
-          path.join(__dirname, '/integration/css-url/index.js'),
-        );
-
-        assertBundles(b, [
-          {
-            name: 'index.js',
-            assets: ['index.js'],
-          },
-          {
-            name: 'index.css',
-            assets: ['index.css'],
-          },
-          {
-            type: 'woff2',
-            assets: ['test.woff2'],
-          },
-        ]);
-
-        let output = await run(b);
-        assert.equal(typeof output, 'function');
-        assert.equal(output(), 2);
-
-        let css = await outputFS.readFile(
-          path.join(distDir, 'index.css'),
-          'utf8',
-        );
-        assert(/url\("test\.[0-9a-f]+\.woff2"\)/.test(css));
-        assert(css.includes('url("http://google.com")'));
-        assert(css.includes('.index'));
-        assert(css.includes('url("data:image/gif;base64,quotes")'));
-        assert(css.includes('.quotes'));
-        assert(css.includes('url("data:image/gif;base64,no-quote")'));
-        assert(css.includes('.no-quote'));
-
-        assert(
-          await outputFS.exists(
-            path.join(
-              distDir,
-              css.match(/url\("(test\.[0-9a-f]+\.woff2)"\)/)[1],
-            ),
-          ),
-        );
-      });
-
-      it('should support linking to assets with url() from CSS in production', async function () {
-        let b = await bundle(
-          path.join(__dirname, '/integration/css-url/index.js'),
-          {
-            defaultTargetOptions: {
-              shouldOptimize: true,
-            },
-          },
-        );
+  it('should produce two bundles when importing a CSS file', async () => {
+    let b = await bundle(path.join(__dirname, '/integration/css/index.js'));
 
-        assertBundles(b, [
-          {
-            name: 'index.js',
-            assets: ['index.js'],
-          },
-          {
-            name: 'index.css',
-            assets: ['index.css'],
-          },
-          {
-            type: 'woff2',
-            assets: ['test.woff2'],
-          },
-        ]);
-
-        let output = await run(b);
-        assert.equal(typeof output, 'function');
-        assert.equal(output(), 2);
-
-        let css = await outputFS.readFile(
-          path.join(distDir, 'index.css'),
-          'utf8',
-        );
-        assert(
-          /url\(test\.[0-9a-f]+\.woff2\)/.test(css),
-          'woff ext found in css',
-        );
-        assert(css.includes('url(http://google.com)'), 'url() found');
-        assert(css.includes('.index'), '.index found');
-        assert(/url\("?data:image\/gif;base64,quotes"?\)/.test(css));
-        assert(css.includes('.quotes'));
-        assert(/url\("?data:image\/gif;base64,no-quote"?\)/.test(css));
-        assert(css.includes('.no-quote'));
-
-        assert(
-          await outputFS.exists(
-            path.join(distDir, css.match(/url\((test\.[0-9a-f]+\.woff2)\)/)[1]),
-          ),
-        );
-      });
-
-      it('should support linking to assets in parent folders with url() from CSS', async function () {
-        let b = await bundle(
-          [
-            path.join(
-              __dirname,
-              '/integration/css-url-relative/src/a/style1.css',
-            ),
-            path.join(
-              __dirname,
-              '/integration/css-url-relative/src/b/style2.css',
-            ),
-          ],
-          {
-            defaultTargetOptions: {
-              shouldOptimize: true,
-              sourceMaps: false,
-            },
-          },
-        );
+    assertBundles(b, [
+      {
+        name: 'index.js',
+        assets: ['index.js', 'local.js'],
+      },
+      {
+        name: 'index.css',
+        assets: ['index.css', 'local.css'],
+      },
+    ]);
 
-        assertBundles(b, [
-          {
-            type: 'css',
-            assets: ['style1.css'],
-          },
-          {
-            type: 'css',
-            assets: ['style2.css'],
-          },
-          {
-            type: 'png',
-            assets: ['foo.png'],
-          },
-        ]);
+    let output = await run(b);
+    assert.equal(typeof output, 'function');
+    assert.equal(output(), 3);
+  });
+
+  it('should bundle css dependencies in the correct, postorder traversal order', async () => {
+    let b = await bundle(path.join(__dirname, '/integration/css-order/a.css'));
+
+    // Given a tree of css with imports:
+    //      A
+    //    /   \
+    //   B     E
+    //  / \
+    // C   D
+    //
+    // (A imports B (which imports C and D) and E)
+    //
+    // ...styles should be applied in the order C, D, B, E, A
+
+    assertBundles(b, [
+      {
+        name: 'a.css',
+        assets: ['a.css', 'b.css', 'c.css', 'd.css', 'e.css'],
+      },
+    ]);
+
+    let css = await outputFS.readFile(path.join(distDir, 'a.css'), 'utf8');
+    assert.ok(
+      css.indexOf('.c {') < css.indexOf('.d {') &&
+        css.indexOf('.d {') < css.indexOf('.b {') &&
+        css.indexOf('.b {') < css.indexOf('.e {') &&
+        css.indexOf('.e {') < css.indexOf('.a {'),
+    );
+  });
 
-        let cssPath = path.join(distDir, 'a', 'style1.css');
-        let css = await outputFS.readFile(cssPath, 'utf8');
+  it('should support loading a CSS bundle along side dynamic imports', async () => {
+    let b = await bundle(
+      path.join(__dirname, '/integration/dynamic-css/index.js'),
+    );
 
-        assert(css.includes('background-image'), 'includes `background-image`');
-        assert(/url\([^)]*\)/.test(css), 'includes url()');
+    assertBundles(b, [
+      {
+        name: 'index.js',
+        assets: [
+          'bundle-url.js',
+          'cacheLoader.js',
+          'css-loader.js',
+          'index.js',
+          'js-loader.js',
+        ],
+      },
+      {name: /local\.[0-9a-f]{8}\.js/, assets: ['local.js']},
+      {name: /local\.[0-9a-f]{8}\.css/, assets: ['local.css']},
+      {name: 'index.css', assets: ['index.css']},
+    ]);
+
+    let output = await run(b);
+    assert.equal(typeof output, 'function');
+    assert.equal(await output(), 3);
+  });
 
-        assert(
-          await outputFS.exists(
-            path.resolve(path.dirname(cssPath), css.match(/url\(([^)]*)\)/)[1]),
-          ),
-          'path specified in url() exists',
-        );
-      });
+  it('should support importing CSS from a CSS file', async function () {
+    let b = await bundle(
+      path.join(__dirname, '/integration/css-import/index.js'),
+    );
 
-      it('should ignore url() with IE behavior specifiers', async function () {
-        let b = await bundle(
-          path.join(__dirname, '/integration/css-url-behavior/index.css'),
-        );
+    assertBundles(b, [
+      {
+        name: 'index.js',
+        assets: ['index.js'],
+      },
+      {
+        name: 'index.css',
+        assets: ['index.css', 'other.css', 'local.css'],
+      },
+    ]);
 
-        assertBundles(b, [
-          {
-            name: 'index.css',
-            assets: ['index.css'],
-          },
-        ]);
+    let output = await run(b);
+    assert.equal(typeof output, 'function');
+    assert.equal(output(), 2);
 
-        let css = await outputFS.readFile(
-          path.join(distDir, 'index.css'),
-          'utf8',
-        );
+    let css = await outputFS.readFile(path.join(distDir, '/index.css'), 'utf8');
+    assert(css.includes('.local'));
+    assert(css.includes('.other'));
+    assert(/@media print {\s*.other/.test(css));
+    assert(css.includes('.index'));
+  });
 
-        assert(css.includes('url(#default#VML)'));
-      });
+  it('should support linking to assets with url() from CSS', async function () {
+    let b = await bundle(path.join(__dirname, '/integration/css-url/index.js'));
 
-      it('should minify CSS when minify is set', async function () {
-        let b = await bundle(
-          path.join(__dirname, '/integration/cssnano/index.js'),
-          {
-            defaultTargetOptions: {
-              shouldOptimize: true,
-              sourceMaps: false,
-            },
-          },
-        );
+    assertBundles(b, [
+      {
+        name: 'index.js',
+        assets: ['index.js'],
+      },
+      {
+        name: 'index.css',
+        assets: ['index.css'],
+      },
+      {
+        type: 'woff2',
+        assets: ['test.woff2'],
+      },
+    ]);
+
+    let output = await run(b);
+    assert.equal(typeof output, 'function');
+    assert.equal(output(), 2);
+
+    let css = await outputFS.readFile(path.join(distDir, 'index.css'), 'utf8');
+    assert(/url\("test\.[0-9a-f]+\.woff2"\)/.test(css));
+    assert(css.includes('url("http://google.com")'));
+    assert(css.includes('.index'));
+    assert(css.includes('url("data:image/gif;base64,quotes")'));
+    assert(css.includes('.quotes'));
+    assert(css.includes('url("data:image/gif;base64,no-quote")'));
+    assert(css.includes('.no-quote'));
+
+    assert(
+      await outputFS.exists(
+        path.join(distDir, css.match(/url\("(test\.[0-9a-f]+\.woff2)"\)/)[1]),
+      ),
+    );
+  });
 
-        let output = await run(b);
-        assert.equal(typeof output, 'function');
-        assert.equal(output(), 3);
+  it('should support linking to assets with url() from CSS in production', async function () {
+    let b = await bundle(
+      path.join(__dirname, '/integration/css-url/index.js'),
+      {
+        defaultTargetOptions: {
+          shouldOptimize: true,
+        },
+      },
+    );
 
-        let css = await outputFS.readFile(
-          path.join(distDir, 'index.css'),
-          'utf8',
-        );
-        assert(css.includes('.local'));
-        assert(css.includes('.index'));
+    assertBundles(b, [
+      {
+        name: 'index.js',
+        assets: ['index.js'],
+      },
+      {
+        name: 'index.css',
+        assets: ['index.css'],
+      },
+      {
+        type: 'woff2',
+        assets: ['test.woff2'],
+      },
+    ]);
+
+    let output = await run(b);
+    assert.equal(typeof output, 'function');
+    assert.equal(output(), 2);
+
+    let css = await outputFS.readFile(path.join(distDir, 'index.css'), 'utf8');
+    assert(/url\(test\.[0-9a-f]+\.woff2\)/.test(css), 'woff ext found in css');
+    assert(css.includes('url(http://google.com)'), 'url() found');
+    assert(css.includes('.index'), '.index found');
+    assert(/url\("?data:image\/gif;base64,quotes"?\)/.test(css));
+    assert(css.includes('.quotes'));
+    assert(/url\("?data:image\/gif;base64,no-quote"?\)/.test(css));
+    assert(css.includes('.no-quote'));
+
+    assert(
+      await outputFS.exists(
+        path.join(distDir, css.match(/url\((test\.[0-9a-f]+\.woff2)\)/)[1]),
+      ),
+    );
+  });
 
-        assert.equal(css.split('\n').length, 1);
-      });
+  it('should support linking to assets in parent folders with url() from CSS', async function () {
+    let b = await bundle(
+      [
+        path.join(__dirname, '/integration/css-url-relative/src/a/style1.css'),
+        path.join(__dirname, '/integration/css-url-relative/src/b/style2.css'),
+      ],
+      {
+        defaultTargetOptions: {
+          shouldOptimize: true,
+          sourceMaps: false,
+        },
+      },
+    );
 
-      it('should produce a sourcemap when sourceMaps are used', async function () {
-        await bundle(path.join(__dirname, '/integration/cssnano/index.js'), {
+    assertBundles(b, [
+      {
+        type: 'css',
+        assets: ['style1.css'],
+      },
+      {
+        type: 'css',
+        assets: ['style2.css'],
+      },
+      {
+        type: 'png',
+        assets: ['foo.png'],
+      },
+    ]);
+
+    let cssPath = path.join(distDir, 'a', 'style1.css');
+    let css = await outputFS.readFile(cssPath, 'utf8');
+
+    assert(css.includes('background-image'), 'includes `background-image`');
+    assert(/url\([^)]*\)/.test(css), 'includes url()');
+
+    assert(
+      await outputFS.exists(
+        path.resolve(path.dirname(cssPath), css.match(/url\(([^)]*)\)/)[1]),
+      ),
+      'path specified in url() exists',
+    );
+  });
+
+  it('should handle quote in CSS URL correctly', async function () {
+    await bundle(path.join(__dirname, '/integration/css-url-quote/index.css'));
+
+    let css = await outputFS.readFile(path.join(distDir, 'index.css'), 'utf8');
+
+    assert(
+      css.includes(
+        'url("data:image/svg+xml;utf8,with quote \\" and escape \\\\");',
+      ),
+    );
+  });
+
+  it('should ignore url() with IE behavior specifiers', async function () {
+    let b = await bundle(
+      path.join(__dirname, '/integration/css-url-behavior/index.css'),
+    );
+
+    assertBundles(b, [
+      {
+        name: 'index.css',
+        assets: ['index.css'],
+      },
+    ]);
+
+    let css = await outputFS.readFile(path.join(distDir, 'index.css'), 'utf8');
+
+    assert(css.includes('url("#default#VML")'));
+  });
+
+  it('should throw a diagnostic for relative url() dependencies in custom properties', async function () {
+    let fixture = path.join(
+      __dirname,
+      'integration/css-url-custom-property/index.css',
+    );
+    let code = await inputFS.readFileSync(fixture, 'utf8');
+    // $FlowFixMe
+    await assert.rejects(
+      () =>
+        bundle(fixture, {
           defaultTargetOptions: {
             shouldOptimize: true,
           },
-        });
-
-        let css = await outputFS.readFile(
-          path.join(distDir, 'index.css'),
-          'utf8',
-        );
-        assert(css.includes('.local'));
-        assert(css.includes('.index'));
-
-        let lines = css.trim().split('\n');
-        assert.equal(lines.length, 2);
-        assert.equal(lines[1], '/*# sourceMappingURL=index.css.map */');
-
-        let map = JSON.parse(
-          await outputFS.readFile(path.join(distDir, 'index.css.map'), 'utf8'),
-        );
-        assert.equal(map.file, 'index.css.map');
-        assert(map.sources.includes('integration/cssnano/local.css'));
-        assert(map.sources.includes('integration/cssnano/index.css'));
-      });
-
-      it('should inline data-urls for text-encoded files', async () => {
-        await bundle(path.join(__dirname, '/integration/data-url/text.css'), {
-          defaultTargetOptions: {
-            sourceMaps: false,
+        }),
+      {
+        name: 'BuildError',
+        diagnostics: [
+          {
+            message:
+              'Ambiguous url() in custom property. Relative paths are resolved from the location the var() is used, not where the custom property is defined. Use an absolute URL instead.',
+            origin: '@parcel/transformer-css',
+            name: 'SyntaxError',
+            stack: undefined,
+            codeFrames: [
+              {
+                filePath: fixture,
+                code,
+                codeHighlights: [
+                  {
+                    start: {
+                      line: 2,
+                      column: 11,
+                    },
+                    end: {
+                      line: 2,
+                      column: 11,
+                    },
+                  },
+                ],
+              },
+            ],
+            hints: [
+              'Replace with: url(/integration/css-url-custom-property/foo.png)',
+            ],
+            documentationURL: 'https://parceljs.org/languages/css/#url()',
           },
-        });
-        let css = await outputFS.readFile(
-          path.join(distDir, 'text.css'),
-          'utf8',
-        );
-        assert.equal(
-          css.trim(),
-          `.svg-img {
+        ],
+      },
+    );
+  });
+
+  it('should minify CSS when minify is set', async function () {
+    let b = await bundle(
+      path.join(__dirname, '/integration/cssnano/index.js'),
+      {
+        defaultTargetOptions: {
+          shouldOptimize: true,
+          sourceMaps: false,
+        },
+      },
+    );
+
+    let output = await run(b);
+    assert.equal(typeof output, 'function');
+    assert.equal(output(), 3);
+
+    let css = await outputFS.readFile(path.join(distDir, 'index.css'), 'utf8');
+    assert(css.includes('.local'));
+    assert(css.includes('.index'));
+
+    assert.equal(css.split('\n').length, 1);
+  });
+
+  it('should produce a sourcemap when sourceMaps are used', async function () {
+    await bundle(path.join(__dirname, '/integration/cssnano/index.js'), {
+      defaultTargetOptions: {
+        shouldOptimize: true,
+      },
+    });
+
+    let css = await outputFS.readFile(path.join(distDir, 'index.css'), 'utf8');
+    assert(css.includes('.local'));
+    assert(css.includes('.index'));
+
+    let lines = css.trim().split('\n');
+    assert.equal(lines.length, 2);
+    assert.equal(lines[1], '/*# sourceMappingURL=index.css.map */');
+
+    let map = JSON.parse(
+      await outputFS.readFile(path.join(distDir, 'index.css.map'), 'utf8'),
+    );
+    assert.equal(map.file, 'index.css.map');
+    assert(map.sources.includes('integration/cssnano/local.css'));
+    assert(map.sources.includes('integration/cssnano/index.css'));
+  });
+
+  it('should inline data-urls for text-encoded files', async () => {
+    await bundle(path.join(__dirname, '/integration/data-url/text.css'), {
+      defaultTargetOptions: {
+        sourceMaps: false,
+      },
+    });
+    let css = await outputFS.readFile(path.join(distDir, 'text.css'), 'utf8');
+    assert.equal(
+      css.trim(),
+      `.svg-img {
   background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22120%22%20height%3D%22120%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cfilter%20id%3D%22blur-_.%21~%2a%22%3E%0A%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%225%22%3E%3C%2FfeGaussianBlur%3E%0A%20%20%3C%2Ffilter%3E%0A%20%20%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2250%22%20fill%3D%22green%22%20filter%3D%22url%28%27%23blur-_.%21~%2a%27%29%22%3E%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A");
 }`,
-        );
-      });
-
-      it('should inline data-urls for binary files', async () => {
-        await bundle(path.join(__dirname, '/integration/data-url/binary.css'));
-        let css = await outputFS.readFile(
-          path.join(distDir, 'binary.css'),
-          'utf8',
-        );
-        assert(
-          css.startsWith(`.webp-img {
+    );
+  });
+
+  it('should inline data-urls for binary files', async () => {
+    await bundle(path.join(__dirname, '/integration/data-url/binary.css'));
+    let css = await outputFS.readFile(path.join(distDir, 'binary.css'), 'utf8');
+    assert(
+      css.startsWith(`.webp-img {
   background-image: url("data:image/webp;base64,UklGR`),
-        );
-      });
-
-      it('should remap locations in diagnostics using the input source map', async () => {
-        let fixture = path.join(
-          __dirname,
-          'integration/diagnostic-sourcemap/index.scss',
-        );
-        let code = await inputFS.readFileSync(fixture, 'utf8');
-        // $FlowFixMe
-        await assert.rejects(
-          () =>
-            bundle(fixture, {
-              defaultTargetOptions: {
-                shouldOptimize: true,
-              },
-            }),
+    );
+  });
+
+  it('should remap locations in diagnostics using the input source map', async () => {
+    let fixture = path.join(
+      __dirname,
+      'integration/diagnostic-sourcemap/index.scss',
+    );
+    let code = await inputFS.readFileSync(fixture, 'utf8');
+    // $FlowFixMe
+    await assert.rejects(
+      () =>
+        bundle(fixture, {
+          defaultTargetOptions: {
+            shouldOptimize: true,
+          },
+        }),
+      {
+        name: 'BuildError',
+        diagnostics: [
           {
-            name: 'BuildError',
-            diagnostics: [
+            message: "Failed to resolve 'x.png' from './index.scss'",
+            origin: '@parcel/core',
+            codeFrames: [
               {
-                message: "Failed to resolve 'x.png' from './index.scss'",
-                origin: '@parcel/core',
-                codeFrames: [
+                filePath: fixture,
+                code,
+                codeHighlights: [
                   {
-                    filePath: fixture,
-                    code,
-                    codeHighlights: [
-                      {
-                        start: {
-                          line: 5,
-                          column: 3,
-                        },
-                        end: {
-                          line: 5,
-                          column: 3,
-                        },
-                      },
-                    ],
+                    start: {
+                      line: 5,
+                      column: 3,
+                    },
+                    end: {
+                      line: 5,
+                      column: 3,
+                    },
                   },
                 ],
               },
-              {
-                message: "Cannot load file './x.png' in './'.",
-                origin: '@parcel/resolver-default',
-                hints: [],
-              },
             ],
           },
-        );
-      });
-
-      it('should support importing CSS from node_modules with the npm: scheme', async () => {
-        let b = await bundle(
-          path.join(__dirname, '/integration/css-node-modules/index.css'),
-        );
-
-        assertBundles(b, [
           {
-            name: 'index.css',
-            assets: ['index.css', 'foo.css'],
+            message: "Cannot load file './x.png' in './'.",
+            origin: '@parcel/resolver-default',
+            hints: [],
           },
-        ]);
-      });
+        ],
+      },
+    );
+  });
 
-      it('should support external CSS imports', async () => {
-        let b = await bundle(
-          path.join(__dirname, '/integration/css-external/a.css'),
-        );
+  it('should support importing CSS from node_modules with the npm: scheme', async () => {
+    let b = await bundle(
+      path.join(__dirname, '/integration/css-node-modules/index.css'),
+    );
 
-        assertBundles(b, [
-          {
-            name: 'a.css',
-            assets: ['a.css', 'b.css'],
-          },
-        ]);
+    assertBundles(b, [
+      {
+        name: 'index.css',
+        assets: ['index.css', 'foo.css'],
+      },
+    ]);
+  });
+
+  it('should support external CSS imports', async () => {
+    let b = await bundle(
+      path.join(__dirname, '/integration/css-external/a.css'),
+    );
 
-        let res = await outputFS.readFile(b.getBundles()[0].filePath, 'utf8');
-        assert(
-          new RegExp(`@import "http://example.com/external.css";
+    assertBundles(b, [
+      {
+        name: 'a.css',
+        assets: ['a.css', 'b.css'],
+      },
+    ]);
+
+    let res = await outputFS.readFile(b.getBundles()[0].filePath, 'utf8');
+    assert(
+      new RegExp(`@import "http://example.com/external.css";
 .b {
   color: red;
 }\n?
 .a {
   color: green;
 }`).test(res),
-        );
-      });
-    });
-  }
+    );
+  });
 
   it('should support css nesting with @parcel/css', async function () {
-    let b = await originalBundle(
+    let b = await bundle(
       path.join(__dirname, '/integration/css-nesting/a.css'),
       {
-        defaultConfig:
-          path.dirname(require.resolve('@parcel/test-utils')) +
-          '/.parcelrc-css',
         defaultTargetOptions: {
           engines: {},
         },
diff --git a/packages/core/integration-tests/test/integration/css-url-custom-property/index.css b/packages/core/integration-tests/test/integration/css-url-custom-property/index.css
new file mode 100644
index 00000000000..e64216d79ae
--- /dev/null
+++ b/packages/core/integration-tests/test/integration/css-url-custom-property/index.css
@@ -0,0 +1,3 @@
+.foo {
+  --test: url(foo.png);
+}
diff --git a/packages/core/integration-tests/test/integration/css-url-quote/index.css b/packages/core/integration-tests/test/integration/css-url-quote/index.css
new file mode 100644
index 00000000000..0da4f256ed0
--- /dev/null
+++ b/packages/core/integration-tests/test/integration/css-url-quote/index.css
@@ -0,0 +1,5 @@
+.quotes {
+  background-image: url('data:image/svg+xml;utf8,with quote " and escape \\');
+  width: 100px;
+  height: 100px;
+}
diff --git a/packages/core/integration-tests/test/integration/css-url-quote/index.js b/packages/core/integration-tests/test/integration/css-url-quote/index.js
new file mode 100644
index 00000000000..14400a424cd
--- /dev/null
+++ b/packages/core/integration-tests/test/integration/css-url-quote/index.js
@@ -0,0 +1,5 @@
+require('./index.css');
+
+module.exports = function () {
+  return 2;
+};
diff --git a/packages/core/integration-tests/test/integration/dynamic-imports-high-prio/async.js b/packages/core/integration-tests/test/integration/dynamic-imports-high-prio/async.js
new file mode 100644
index 00000000000..7c645e42fb7
--- /dev/null
+++ b/packages/core/integration-tests/test/integration/dynamic-imports-high-prio/async.js
@@ -0,0 +1 @@
+export default {};
\ No newline at end of file
diff --git a/packages/core/integration-tests/test/integration/dynamic-imports-high-prio/index.js b/packages/core/integration-tests/test/integration/dynamic-imports-high-prio/index.js
new file mode 100644
index 00000000000..0a0f551e1ca
--- /dev/null
+++ b/packages/core/integration-tests/test/integration/dynamic-imports-high-prio/index.js
@@ -0,0 +1 @@
+export default import('./async').then(() => document.head.children);
diff --git a/packages/core/integration-tests/test/integration/jsx-automatic-16/index.js b/packages/core/integration-tests/test/integration/jsx-automatic-16/index.js
new file mode 100644
index 00000000000..8d097d55d7f
--- /dev/null
+++ b/packages/core/integration-tests/test/integration/jsx-automatic-16/index.js
@@ -0,0 +1 @@
+module.exports = <div />;
diff --git a/packages/core/integration-tests/test/integration/jsx-automatic-16/node_modules/react/jsx-dev-runtime.js b/packages/core/integration-tests/test/integration/jsx-automatic-16/node_modules/react/jsx-dev-runtime.js
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/core/integration-tests/test/integration/jsx-automatic-16/node_modules/react/jsx-runtime.js b/packages/core/integration-tests/test/integration/jsx-automatic-16/node_modules/react/jsx-runtime.js
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/core/integration-tests/test/integration/jsx-automatic-16/node_modules/react/package.json b/packages/core/integration-tests/test/integration/jsx-automatic-16/node_modules/react/package.json
new file mode 100644
index 00000000000..bcbea4166f7
--- /dev/null
+++ b/packages/core/integration-tests/test/integration/jsx-automatic-16/node_modules/react/package.json
@@ -0,0 +1,3 @@
+{
+  "name": "react"
+}
diff --git a/packages/core/integration-tests/test/integration/jsx-automatic-16/package.json b/packages/core/integration-tests/test/integration/jsx-automatic-16/package.json
new file mode 100644
index 00000000000..8716e63d8d1
--- /dev/null
+++ b/packages/core/integration-tests/test/integration/jsx-automatic-16/package.json
@@ -0,0 +1,6 @@
+{
+  "private": true,
+  "dependencies": {
+    "react": "16.14.0"
+  }
+}
diff --git a/packages/core/integration-tests/test/integration/jsx-automatic-16/yarn.lock b/packages/core/integration-tests/test/integration/jsx-automatic-16/yarn.lock
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/core/integration-tests/test/integration/sourcemap-css-import/style.css b/packages/core/integration-tests/test/integration/sourcemap-css-import/style.css
index 01ef4f07c71..5e2dc1491de 100644
--- a/packages/core/integration-tests/test/integration/sourcemap-css-import/style.css
+++ b/packages/core/integration-tests/test/integration/sourcemap-css-import/style.css
@@ -1,8 +1,7 @@
 
 @import "./other-style.css";
+@import "./another-style.css";
 
 body {
 	background-color: red;
-}
-
-@import "./another-style.css";
+}
\ No newline at end of file
diff --git a/packages/core/integration-tests/test/javascript.js b/packages/core/integration-tests/test/javascript.js
index f8ee074e7f5..9f8342fe72f 100644
--- a/packages/core/integration-tests/test/javascript.js
+++ b/packages/core/integration-tests/test/javascript.js
@@ -23,6 +23,7 @@ import {makeDeferredWithPromise, normalizePath} from '@parcel/utils';
 import vm from 'vm';
 import Logger from '@parcel/logger';
 import nullthrows from 'nullthrows';
+import {md} from '@parcel/diagnostic';
 
 describe('javascript', function () {
   beforeEach(async () => {
@@ -593,20 +594,20 @@ describe('javascript', function () {
     let output = await run(b);
     let headChildren = await output.default;
 
-    assert.equal(headChildren.length, 3);
+    assert.strictEqual(headChildren.length, 4);
 
-    assert(headChildren[0].tag === 'script');
-    assert(headChildren[0].src.match(/async\..*\.js/));
+    assert.strictEqual(headChildren[1].tag, 'script');
+    assert(headChildren[1].src.match(/async\..*\.js/));
 
-    assert(headChildren[1].tag === 'link');
-    assert(headChildren[1].rel === 'prefetch');
-    assert(headChildren[1].as === 'script');
-    assert(headChildren[1].href.match(/prefetched\..*\.js/));
+    assert.strictEqual(headChildren[2].tag, 'link');
+    assert.strictEqual(headChildren[2].rel, 'prefetch');
+    assert.strictEqual(headChildren[2].as, 'script');
+    assert(headChildren[2].href.match(/prefetched\..*\.js/));
 
-    assert(headChildren[2].tag === 'link');
-    assert(headChildren[2].rel === 'prefetch');
-    assert(headChildren[2].as === 'style');
-    assert(headChildren[2].href.match(/prefetched\..*\.css/));
+    assert.strictEqual(headChildren[3].tag, 'link');
+    assert.strictEqual(headChildren[3].rel, 'prefetch');
+    assert.strictEqual(headChildren[3].as, 'style');
+    assert(headChildren[3].href.match(/prefetched\..*\.css/));
   });
 
   it('should load additional links that were prefetched', async function () {
@@ -622,7 +623,7 @@ describe('javascript', function () {
     await outputReturn.loadDependency();
 
     let headChildren = outputReturn.children;
-    assert.equal(headChildren.length, 5);
+    assert.equal(headChildren.length, 7);
     let cssBundles = headChildren.filter(child =>
       child.href?.match(/prefetched-loaded\..*\.css/),
     );
@@ -646,20 +647,17 @@ describe('javascript', function () {
     let output = await run(b);
     let headChildren = await output.default;
 
-    assert(headChildren.length === 3);
-
-    assert(headChildren[0].tag === 'script');
-    assert(headChildren[0].src.match(/async\..*\.js/));
-
-    assert(headChildren[1].tag === 'link');
-    assert(headChildren[1].rel === 'preload');
-    assert(headChildren[1].as === 'script');
-    assert(headChildren[1].href.match(/preloaded\..*\.js/));
+    assert(headChildren.length === 4);
 
     assert(headChildren[2].tag === 'link');
     assert(headChildren[2].rel === 'preload');
-    assert(headChildren[2].as === 'style');
-    assert(headChildren[2].href.match(/preloaded\..*\.css/));
+    assert(headChildren[2].as === 'script');
+    assert(headChildren[2].href.match(/preloaded\..*\.js/));
+
+    assert(headChildren[3].tag === 'link');
+    assert(headChildren[3].rel === 'preload');
+    assert(headChildren[3].as === 'style');
+    assert(headChildren[3].href.match(/preloaded\..*\.css/));
   });
 
   // TODO: Implement when we can evaluate bundles against esmodule targets
@@ -873,6 +871,31 @@ describe('javascript', function () {
     assert.deepEqual(res, {default: 42});
   });
 
+  it('dynamic imports loaded as high-priority scripts when not all engines support esmodules natively', async function () {
+    let b = await bundle(
+      path.join(__dirname, '/integration/dynamic-imports-high-prio/index.js'),
+      {
+        defaultTargetOptions: {
+          engines: {
+            browsers: 'IE 11',
+          },
+        },
+      },
+    );
+
+    let output = await run(b);
+    let headChildren = await output.default;
+
+    assert(headChildren[0].tag === 'link');
+    assert(headChildren[0].rel === 'preload');
+    assert(headChildren[0].as === 'script');
+
+    assert(headChildren[1].tag === 'script');
+    assert(headChildren[1].src.match(/async\..*\.js/));
+
+    assert(headChildren[0].href === headChildren[1].src);
+  });
+
   it('should support bundling workers with dynamic import in both page and worker', async function () {
     let b = await bundle(
       path.join(__dirname, '/integration/worker-dynamic/index-async.js'),
@@ -5307,7 +5330,7 @@ describe('javascript', function () {
         name: 'BuildError',
         diagnostics: [
           {
-            message: `Failed to resolve '@swc/helpers' from '${normalizePath(
+            message: md`Failed to resolve '@swc/helpers' from '${normalizePath(
               require.resolve('@parcel/transformer-js/src/JSTransformer.js'),
             )}'`,
             origin: '@parcel/core',
diff --git a/packages/core/integration-tests/test/transpilation.js b/packages/core/integration-tests/test/transpilation.js
index c5e52a89bc7..a630267eee5 100644
--- a/packages/core/integration-tests/test/transpilation.js
+++ b/packages/core/integration-tests/test/transpilation.js
@@ -203,6 +203,16 @@ describe('transpilation', function () {
     assert(file.includes('_jsxDevRuntime.jsxDEV("div"'));
   });
 
+  it('should support the automatic JSX runtime with React ^16.14.0', async function () {
+    let b = await bundle(
+      path.join(__dirname, '/integration/jsx-automatic-16/index.js'),
+    );
+
+    let file = await outputFS.readFile(b.getBundles()[0].filePath, 'utf8');
+    assert(file.includes('react/jsx-dev-runtime'));
+    assert(file.includes('_jsxDevRuntime.jsxDEV("div"'));
+  });
+
   it('should support the automatic JSX runtime with React 18 prereleases', async function () {
     let b = await bundle(
       path.join(__dirname, '/integration/jsx-automatic-18/index.js'),
diff --git a/packages/core/test-utils/src/.parcelrc-css b/packages/core/test-utils/src/.parcelrc-css
deleted file mode 100644
index 1d8a4120038..00000000000
--- a/packages/core/test-utils/src/.parcelrc-css
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "extends": "@parcel/config-default",
-  "transformers": {
-    "*.css": ["@parcel/transformer-postcss", "@parcel/transformer-css-experimental"]
-  },
-  "optimizers": {
-    "*.css": ["@parcel/optimizer-css"]
-  },
-  "reporters": []
-}
diff --git a/packages/core/types/index.js b/packages/core/types/index.js
index 6ae22521e31..69990255f32 100644
--- a/packages/core/types/index.js
+++ b/packages/core/types/index.js
@@ -747,9 +747,9 @@ export interface MutableAsset extends BaseAsset {
   setBuffer(Buffer): void;
   /** Sets the asset contents as a stream. */
   setStream(Readable): void;
-  /** Returns whether the AST has been modified. */
-  setAST(AST): void;
   /** Sets the asset's AST. */
+  setAST(AST): void;
+  /** Returns whether the AST has been modified. */
   isASTDirty(): boolean;
   /** Sets the asset's source map. */
   setMap(?SourceMap): void;
diff --git a/packages/core/utils/src/replaceBundleReferences.js b/packages/core/utils/src/replaceBundleReferences.js
index 8161ac299ad..25eaf2c996c 100644
--- a/packages/core/utils/src/replaceBundleReferences.js
+++ b/packages/core/utils/src/replaceBundleReferences.js
@@ -33,6 +33,7 @@ export function replaceURLReferences({
   bundleGraph,
   contents,
   map,
+  getReplacement = s => s,
   relative = true,
 }: {|
   bundle: NamedBundle,
@@ -40,6 +41,7 @@ export function replaceURLReferences({
   contents: string,
   relative?: boolean,
   map?: ?SourceMap,
+  getReplacement?: string => string,
 |}): {|+contents: string, +map: ?SourceMap|} {
   let replacements = new Map();
   let urlDependencies = [];
@@ -61,7 +63,7 @@ export function replaceURLReferences({
     if (resolved == null) {
       replacements.set(placeholder, {
         from: placeholder,
-        to: dependency.specifier,
+        to: getReplacement(dependency.specifier),
       });
       continue;
     }
@@ -79,6 +81,7 @@ export function replaceURLReferences({
         fromBundle: bundle,
         toBundle: resolved,
         relative,
+        getReplacement,
       }),
     );
   }
@@ -156,11 +159,13 @@ export function getURLReplacement({
   fromBundle,
   toBundle,
   relative,
+  getReplacement,
 }: {|
   dependency: Dependency,
   fromBundle: NamedBundle,
   toBundle: NamedBundle,
   relative: boolean,
+  getReplacement?: string => string,
 |}): {|from: string, to: string|} {
   let to;
 
@@ -191,9 +196,10 @@ export function getURLReplacement({
 
   let placeholder = dependency.meta?.placeholder ?? dependency.id;
   invariant(typeof placeholder === 'string');
+
   return {
     from: placeholder,
-    to,
+    to: getReplacement ? getReplacement(to) : to,
   };
 }
 
diff --git a/packages/optimizers/css/package.json b/packages/optimizers/css/package.json
index 2dbbde8d247..7f84fdc7275 100644
--- a/packages/optimizers/css/package.json
+++ b/packages/optimizers/css/package.json
@@ -20,7 +20,8 @@
     "parcel": "^2.0.1"
   },
   "dependencies": {
-    "@parcel/css": "^1.0.3",
+    "@parcel/css": "^1.7.2",
+    "@parcel/diagnostic": "2.0.20",
     "@parcel/plugin": "2.0.20",
     "@parcel/source-map": "^2.0.0",
     "@parcel/utils": "2.0.20",
diff --git a/packages/optimizers/css/src/CSSOptimizer.js b/packages/optimizers/css/src/CSSOptimizer.js
index d6b415eb2c6..7e4507a609a 100644
--- a/packages/optimizers/css/src/CSSOptimizer.js
+++ b/packages/optimizers/css/src/CSSOptimizer.js
@@ -10,8 +10,54 @@ import {
 import {blobToBuffer} from '@parcel/utils';
 import browserslist from 'browserslist';
 import nullthrows from 'nullthrows';
+import path from 'path';
+import {md, generateJSONCodeHighlights} from '@parcel/diagnostic';
 
 export default (new Optimizer({
+  async loadConfig({config, logger, options}) {
+    const configFile = await config.getConfig(
+      ['.cssnanorc', 'cssnano.config.json', 'cssnano.config.js'],
+      {
+        packageKey: 'cssnano',
+      },
+    );
+    if (configFile) {
+      let filename = path.basename(configFile.filePath);
+      let codeHighlights;
+      let message;
+      if (filename === 'package.json') {
+        message = md`
+Parcel\'s default CSS minifer changed from cssnano to @parcel/css, but a "cssnano" key was found in **package.json**. Either remove this configuration, or configure Parcel to use @parcel/optimizer-cssnano instead.
+        `;
+        let contents = await options.inputFS.readFile(
+          configFile.filePath,
+          'utf8',
+        );
+        codeHighlights = generateJSONCodeHighlights(contents, [
+          {key: '/cssnano', type: 'key'},
+        ]);
+      } else {
+        message = md`Parcel\'s default CSS minifer changed from cssnano to @parcel/css, but a __${filename}__ config file was found. Either remove this config file, or configure Parcel to use @parcel/optimizer-cssnano instead.`;
+        codeHighlights = [
+          {
+            start: {line: 1, column: 1},
+            end: {line: 1, column: 1},
+          },
+        ];
+      }
+
+      logger.warn({
+        message,
+        documentationURL: 'https://parceljs.org/languages/css/#minification',
+        codeFrames: [
+          {
+            filePath: configFile.filePath,
+            codeHighlights,
+          },
+        ],
+      });
+    }
+  },
   async optimize({
     bundle,
     bundleGraph,
diff --git a/packages/optimizers/image/package.json b/packages/optimizers/image/package.json
index 364ea394919..442270c748e 100644
--- a/packages/optimizers/image/package.json
+++ b/packages/optimizers/image/package.json
@@ -37,7 +37,7 @@
     "@parcel/utils": "2.0.20",
     "@parcel/workers": "2.0.20",
     "detect-libc": "^1.0.3",
-    "self-published": "npm:@parcel/optimizer-image@2.3.3-nightly.2635"
+    "self-published": "npm:@parcel/optimizer-image@2.4.1-nightly.2654"
   },
   "devDependencies": {
     "@napi-rs/cli": "1.0.4",
diff --git a/packages/packagers/css/src/CSSPackager.js b/packages/packagers/css/src/CSSPackager.js
index 23be7bae163..ae2fbbef49b 100644
--- a/packages/packagers/css/src/CSSPackager.js
+++ b/packages/packagers/css/src/CSSPackager.js
@@ -129,6 +129,7 @@ export default (new Packager({
       bundleGraph,
       contents,
       map,
+      getReplacement: escapeString,
     }));
 
     return replaceInlineReferences({
@@ -138,7 +139,7 @@ export default (new Packager({
       getInlineBundleContents,
       getInlineReplacement: (dep, inlineType, contents) => ({
         from: getSpecifier(dep),
-        to: contents,
+        to: escapeString(contents),
       }),
       map,
     });
@@ -153,6 +154,10 @@ export function getSpecifier(dep: Dependency): string {
   return dep.id;
 }
 
+function escapeString(contents: string): string {
+  return contents.replace(/(["\\])/g, '\\$1');
+}
+
 async function processCSSModule(
   options,
   logger,
diff --git a/packages/packagers/html/src/HTMLPackager.js b/packages/packagers/html/src/HTMLPackager.js
index b30faf3a110..f92089f5f12 100644
--- a/packages/packagers/html/src/HTMLPackager.js
+++ b/packages/packagers/html/src/HTMLPackager.js
@@ -74,6 +74,7 @@ export default (new Packager({
       bundleGraph,
       contents: html,
       relative: false,
+      getReplacement: contents => contents.replace(/"/g, '&quot;'),
     });
 
     return replaceInlineReferences({
diff --git a/packages/packagers/js/src/index.js b/packages/packagers/js/src/index.js
index 58c96fa4fb8..73f1ebc0aa6 100644
--- a/packages/packagers/js/src/index.js
+++ b/packages/packagers/js/src/index.js
@@ -72,6 +72,7 @@ export default (new Packager({
         bundleGraph,
         contents,
         map,
+        getReplacement: s => JSON.stringify(s).slice(1, -1),
       }));
     }
 
diff --git a/packages/packagers/raw-url/src/RawUrlPackager.js b/packages/packagers/raw-url/src/RawUrlPackager.js
index cd73ce2bac2..e6641bf415b 100644
--- a/packages/packagers/raw-url/src/RawUrlPackager.js
+++ b/packages/packagers/raw-url/src/RawUrlPackager.js
@@ -17,6 +17,7 @@ export default (new Packager({
       bundleGraph,
       contents: await assets[0].getCode(),
       relative: false,
+      getReplacement: s => s,
     });
     return {contents};
   },
diff --git a/packages/packagers/svg/src/SVGPackager.js b/packages/packagers/svg/src/SVGPackager.js
index a2dd81e9004..3ee06bd7d20 100644
--- a/packages/packagers/svg/src/SVGPackager.js
+++ b/packages/packagers/svg/src/SVGPackager.js
@@ -58,6 +58,7 @@ export default (new Packager({
       bundleGraph,
       contents: svg,
       relative: false,
+      getReplacement: contents => contents.replace(/"/g, '&quot;'),
     });
 
     return replaceInlineReferences({
diff --git a/packages/packagers/xml/src/XMLPackager.js b/packages/packagers/xml/src/XMLPackager.js
index 7e267a2fb41..290c0c73ad9 100644
--- a/packages/packagers/xml/src/XMLPackager.js
+++ b/packages/packagers/xml/src/XMLPackager.js
@@ -68,6 +68,7 @@ export default (new Packager({
       bundleGraph,
       contents: code,
       relative: false,
+      getReplacement: contents => contents.replace(/"/g, '&quot;'),
     });
 
     return replaceInlineReferences({
diff --git a/packages/reporters/bundle-analyzer/client/index.js b/packages/reporters/bundle-analyzer/client/index.js
index 59d87017ce4..618f85af94b 100644
--- a/packages/reporters/bundle-analyzer/client/index.js
+++ b/packages/reporters/bundle-analyzer/client/index.js
@@ -53,7 +53,7 @@ let foamtree = new CarrotSearchFoamTree({
         <dl>
           <div>
             <dt>Size</dt>
-            <dd>${e.group.weight} bytes</dd>
+            <dd>${formatSize(e.group.weight)}</dd>
           </div>
         </dl>
       </div>
@@ -86,7 +86,7 @@ window.addEventListener(
 function debounce(fn, delay) {
   let timeout;
 
-  return function(...args) {
+  return function (...args) {
     if (timeout) {
       clearTimeout(timeout);
     }
@@ -100,3 +100,13 @@ function debounce(fn, delay) {
 function translate3d(x, y, z) {
   return `translate3d(${x}px, ${y}px, ${z}px)`;
 }
+
+const UNITS = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+function formatSize(x) {
+  let l = 0,
+    n = parseInt(x, 10) || 0;
+  while (n >= 1000 && ++l) {
+    n /= 1000;
+  }
+  return `${n.toFixed(l > 0 ? 2 : 0)} ${UNITS[l]}`;
+}
diff --git a/packages/reporters/bundle-analyzer/src/BundleAnalyzerReporter.js b/packages/reporters/bundle-analyzer/src/BundleAnalyzerReporter.js
index 908df07d739..6889353c657 100644
--- a/packages/reporters/bundle-analyzer/src/BundleAnalyzerReporter.js
+++ b/packages/reporters/bundle-analyzer/src/BundleAnalyzerReporter.js
@@ -158,7 +158,7 @@ async function getBundleNode(bundle: PackagedBundle, options: PluginOptions) {
   }
 
   return {
-    label: bundle.filePath,
+    label: path.relative(options.projectRoot, bundle.filePath),
     weight: bundle.stats.size,
     groups: generateGroups(dirMap),
   };
diff --git a/packages/reporters/cli/src/emoji.js b/packages/reporters/cli/src/emoji.js
index aa3a16190ba..6b05521ce52 100644
--- a/packages/reporters/cli/src/emoji.js
+++ b/packages/reporters/cli/src/emoji.js
@@ -1,7 +1,23 @@
 // @flow strict-local
 
-const supportsEmoji =
-  process.platform !== 'win32' || process.env.TERM === 'xterm-256color';
+// From https://github.com/sindresorhus/is-unicode-supported/blob/8f123916d5c25a87c4f966dcc248b7ca5df2b4ca/index.js
+// This package is ESM-only so it has to be vendored
+function isUnicodeSupported() {
+  if (process.platform !== 'win32') {
+    return process.env.TERM !== 'linux'; // Linux console (kernel)
+  }
+
+  return (
+    Boolean(process.env.CI) ||
+    Boolean(process.env.WT_SESSION) || // Windows Terminal
+    process.env.ConEmuTask === '{cmd::Cmder}' || // ConEmu and cmder
+    process.env.TERM_PROGRAM === 'vscode' ||
+    process.env.TERM === 'xterm-256color' ||
+    process.env.TERM === 'alacritty'
+  );
+}
+
+const supportsEmoji = isUnicodeSupported();
 
 // Fallback symbols for Windows from https://en.wikipedia.org/wiki/Code_page_437
 export const progress: string = supportsEmoji ? '⏳' : '∞';
diff --git a/packages/runtimes/js/src/helpers/browser/js-loader.js b/packages/runtimes/js/src/helpers/browser/js-loader.js
index 867fa4f4d2b..0ab0f33f63e 100644
--- a/packages/runtimes/js/src/helpers/browser/js-loader.js
+++ b/packages/runtimes/js/src/helpers/browser/js-loader.js
@@ -13,6 +13,12 @@ module.exports = cacheLoader(function loadJSBundle(bundle) {
       return;
     }
 
+    var preloadLink = document.createElement('link');
+    preloadLink.href = bundle;
+    preloadLink.rel = 'preload';
+    preloadLink.as = 'script';
+    document.head.appendChild(preloadLink);
+
     var script = document.createElement('script');
     script.async = true;
     script.type = 'text/javascript';
diff --git a/packages/transformers/css-experimental/package.json b/packages/transformers/css-experimental/package.json
deleted file mode 100644
index 1260a8af6d5..00000000000
--- a/packages/transformers/css-experimental/package.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
-  "name": "@parcel/transformer-css-experimental",
-  "version": "2.0.20",
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "funding": {
-    "type": "opencollective",
-    "url": "https://opencollective.com/parcel"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/parcel-bundler/parcel.git"
-  },
-  "main": "lib/CSSTransformer.js",
-  "source": "src/CSSTransformer.js",
-  "engines": {
-    "node": ">= 12.0.0",
-    "parcel": "^2.0.1"
-  },
-  "dependencies": {
-    "@parcel/css": "^1.0.3",
-    "@parcel/plugin": "2.0.20",
-    "@parcel/source-map": "^2.0.0",
-    "@parcel/utils": "2.0.20",
-    "browserslist": "^4.6.6",
-    "nullthrows": "^1.1.1"
-  }
-}
diff --git a/packages/transformers/css-experimental/src/CSSTransformer.js b/packages/transformers/css-experimental/src/CSSTransformer.js
deleted file mode 100644
index 58f1638f331..00000000000
--- a/packages/transformers/css-experimental/src/CSSTransformer.js
+++ /dev/null
@@ -1,232 +0,0 @@
-// @flow strict-local
-
-import path from 'path';
-import SourceMap from '@parcel/source-map';
-import {Transformer} from '@parcel/plugin';
-import {
-  transform,
-  transformStyleAttribute,
-  browserslistToTargets,
-} from '@parcel/css';
-import {remapSourceLocation} from '@parcel/utils';
-import browserslist from 'browserslist';
-import nullthrows from 'nullthrows';
-
-export default (new Transformer({
-  async loadConfig({config, options}) {
-    let conf = await config.getConfigFrom(options.projectRoot + '/index', [], {
-      packageKey: '@parcel/transformer-css',
-    });
-    return conf?.contents;
-  },
-  async transform({asset, config, options}) {
-    let [code, originalMap] = await Promise.all([
-      asset.getBuffer(),
-      asset.getMap(),
-    ]);
-
-    let targets = getTargets(asset.env.engines.browsers);
-    let res;
-    if (asset.meta.type === 'attr') {
-      res = transformStyleAttribute({
-        code,
-        analyzeDependencies: true,
-        targets,
-      });
-    } else {
-      res = transform({
-        filename: path.relative(options.projectRoot, asset.filePath),
-        code,
-        cssModules:
-          config?.cssModules ??
-          (asset.meta.cssModulesCompiled !== true &&
-            /\.module\./.test(asset.filePath)),
-        analyzeDependencies: asset.meta.hasDependencies !== false,
-        sourceMap: !!asset.env.sourceMap,
-        drafts: config?.drafts,
-        pseudoClasses: config?.pseudoClasses,
-        targets,
-      });
-    }
-
-    asset.setBuffer(res.code);
-
-    if (res.map != null) {
-      let vlqMap = JSON.parse(res.map.toString());
-      let map = new SourceMap(options.projectRoot);
-      map.addVLQMap(vlqMap);
-
-      if (originalMap) {
-        map.extends(originalMap);
-      }
-
-      asset.setMap(map);
-    }
-
-    if (res.dependencies) {
-      for (let dep of res.dependencies) {
-        let loc = dep.loc;
-        if (originalMap) {
-          loc = remapSourceLocation(loc, originalMap);
-        }
-
-        if (dep.type === 'import') {
-          asset.addDependency({
-            specifier: dep.url,
-            specifierType: 'url',
-            loc,
-            meta: {
-              // For the glob resolver to distinguish between `@import` and other URL dependencies.
-              isCSSImport: true,
-              media: dep.media,
-            },
-            symbols: new Map([['*', {local: '*', isWeak: true, loc}]]),
-          });
-        } else if (dep.type === 'url') {
-          asset.addURLDependency(dep.url, {
-            loc,
-            meta: {
-              placeholder: dep.placeholder,
-            },
-          });
-        }
-      }
-    }
-
-    let assets = [asset];
-
-    if (res.exports != null) {
-      let exports = res.exports;
-      asset.symbols.ensure();
-      asset.symbols.set('default', 'default');
-
-      let dependencies = new Map();
-      let selfReferences = new Set();
-      let locals = new Map();
-      let c = 0;
-      let depjs = '';
-      let js = '';
-
-      let jsDeps = [];
-      for (let dep of asset.getDependencies()) {
-        if (dep.priority === 'sync') {
-          // TODO: Figure out how to treeshake this
-          let d = `dep_$${c++}`;
-          depjs += `import * as ${d} from ${JSON.stringify(dep.specifier)};\n`;
-          depjs += `for (let key in ${d}) { if (key in module.exports) module.exports[key] += ' ' + ${d}[key]; else module.exports[key] = ${d}[key]; }\n`;
-        }
-      }
-
-      for (let key in exports) {
-        locals.set(exports[key].name, key);
-      }
-
-      let seen = new Set();
-      let add = key => {
-        if (seen.has(key)) {
-          return;
-        }
-        seen.add(key);
-
-        let e = exports[key];
-        let s = `module.exports[${JSON.stringify(key)}] = \`${e.name}`;
-
-        if (e.isReferenced) {
-          selfReferences.add(e.name);
-        }
-
-        for (let ref of e.composes) {
-          s += ' ';
-          if (ref.type === 'local') {
-            add(nullthrows(locals.get(ref.name)));
-            s +=
-              '${' +
-              `module.exports[${JSON.stringify(
-                nullthrows(locals.get(ref.name)),
-              )}]` +
-              '}';
-          } else if (ref.type === 'global') {
-            s += ref.name;
-          } else if (ref.type === 'dependency') {
-            let d = dependencies.get(ref.specifier);
-            if (d == null) {
-              d = `dep_${c++}`;
-              depjs += `import * as ${d} from ${JSON.stringify(
-                ref.specifier,
-              )};\n`;
-              dependencies.set(ref.specifier, d);
-
-              asset.addDependency({
-                specifier: ref.specifier,
-                specifierType: 'url',
-              });
-            }
-            s += '${' + `${d}[${JSON.stringify(ref.name)}]` + '}';
-          }
-        }
-
-        s += '`;\n';
-        js += s;
-      };
-
-      for (let key in exports) {
-        asset.symbols.set(key, exports[key].name);
-        add(key);
-      }
-
-      assets.push({
-        type: 'js',
-        content: depjs + js,
-        dependencies: jsDeps,
-        env: asset.env,
-      });
-
-      if (selfReferences.size > 0) {
-        asset.addDependency({
-          specifier: `./${path.basename(asset.filePath)}`,
-          specifierType: 'url',
-          symbols: new Map(
-            [...locals]
-              .filter(([local]) => selfReferences.has(local))
-              .map(([local, exported]) => [
-                exported,
-                {local, isWeak: false, loc: null},
-              ]),
-          ),
-        });
-      }
-    }
-
-    // Normalize the asset's environment so that properties that only affect JS don't cause CSS to be duplicated.
-    // For example, with ESModule and CommonJS targets, only a single shared CSS bundle should be produced.
-    asset.setEnvironment({
-      context: 'browser',
-      engines: {
-        browsers: asset.env.engines.browsers,
-      },
-      shouldOptimize: asset.env.shouldOptimize,
-      shouldScopeHoist: asset.env.shouldScopeHoist,
-      sourceMap: asset.env.sourceMap,
-    });
-
-    return assets;
-  },
-}): Transformer);
-
-let cache = new Map();
-
-function getTargets(browsers) {
-  if (browsers == null) {
-    return undefined;
-  }
-
-  let cached = cache.get(browsers);
-  if (cached != null) {
-    return cached;
-  }
-
-  let targets = browserslistToTargets(browserslist(browsers));
-
-  cache.set(browsers, targets);
-  return targets;
-}
diff --git a/packages/transformers/css/package.json b/packages/transformers/css/package.json
index 60990427154..55ecf70bf3d 100644
--- a/packages/transformers/css/package.json
+++ b/packages/transformers/css/package.json
@@ -17,19 +17,15 @@
   "source": "src/CSSTransformer.js",
   "engines": {
     "node": ">= 12.0.0",
-    "parcel": "^2.0.1"
+    "parcel": "^2.0.20"
   },
   "dependencies": {
-    "@parcel/hash": "2.0.20",
+    "@parcel/css": "^1.7.2",
+    "@parcel/diagnostic": "2.0.20",
     "@parcel/plugin": "2.0.20",
     "@parcel/source-map": "^2.0.0",
     "@parcel/utils": "2.0.20",
-    "nullthrows": "^1.1.1",
-    "postcss": "^8.4.5",
-    "postcss-value-parser": "^4.2.0",
-    "semver": "^5.7.1"
-  },
-  "devDependencies": {
-    "postcss-modules": "^4.3.0"
+    "browserslist": "^4.6.6",
+    "nullthrows": "^1.1.1"
   }
 }
diff --git a/packages/transformers/css/src/CSSTransformer.js b/packages/transformers/css/src/CSSTransformer.js
index 8aff146b660..0cf252b731b 100644
--- a/packages/transformers/css/src/CSSTransformer.js
+++ b/packages/transformers/css/src/CSSTransformer.js
@@ -1,376 +1,257 @@
-// @flow
+// @flow strict-local
 
-import type {Root} from 'postcss';
-import type {FilePath, MutableAsset, PluginOptions} from '@parcel/types';
-
-import {hashString} from '@parcel/hash';
+import path from 'path';
 import SourceMap from '@parcel/source-map';
 import {Transformer} from '@parcel/plugin';
-import {createDependencyLocation, remapSourceLocation} from '@parcel/utils';
-import postcss from 'postcss';
+import {
+  transform,
+  transformStyleAttribute,
+  browserslistToTargets,
+} from '@parcel/css';
+import {remapSourceLocation, relativePath} from '@parcel/utils';
+import browserslist from 'browserslist';
 import nullthrows from 'nullthrows';
-import valueParser from 'postcss-value-parser';
-import semver from 'semver';
-import path from 'path';
-
-const URL_RE = /url\s*\(/;
-const IMPORT_RE = /@import/;
-const COMPOSES_RE = /composes:.+from\s*("|').*("|')\s*;?/;
-const FROM_IMPORT_RE = /.+from\s*(?:"|')(.*)(?:"|')\s*;?/;
-const MODULE_BY_NAME_RE = /\.module\./;
-
-function canHaveDependencies(filePath: FilePath, code: string) {
-  return !/\.css$/.test(filePath) || IMPORT_RE.test(code) || URL_RE.test(code);
-}
+import ThrowableDiagnostic, {errorToDiagnostic} from '@parcel/diagnostic';
 
 export default (new Transformer({
-  canReuseAST({ast}) {
-    return ast.type === 'postcss' && semver.satisfies(ast.version, '^8.2.1');
+  async loadConfig({config, options}) {
+    let conf = await config.getConfigFrom(options.projectRoot + '/index', [], {
+      packageKey: '@parcel/transformer-css',
+    });
+    return conf?.contents;
   },
+  async transform({asset, config, options}) {
+    let [code, originalMap] = await Promise.all([
+      asset.getBuffer(),
+      asset.getMap(),
+    ]);
+
+    let targets = getTargets(asset.env.engines.browsers);
+    let res;
+    try {
+      if (asset.meta.type === 'attr') {
+        res = transformStyleAttribute({
+          code,
+          analyzeDependencies: true,
+          targets,
+        });
+      } else {
+        res = transform({
+          filename: path.relative(options.projectRoot, asset.filePath),
+          code,
+          cssModules:
+            config?.cssModules ??
+            (asset.meta.cssModulesCompiled !== true &&
+              /\.module\./.test(asset.filePath)),
+          analyzeDependencies: asset.meta.hasDependencies !== false,
+          sourceMap: !!asset.env.sourceMap,
+          drafts: config?.drafts,
+          pseudoClasses: config?.pseudoClasses,
+          targets,
+        });
+      }
+    } catch (err) {
+      err.filePath = asset.filePath;
+      let diagnostic = errorToDiagnostic(err, {
+        origin: '@parcel/transformer-css',
+      });
+      if (err.data?.type === 'AmbiguousUrlInCustomProperty' && err.data.url) {
+        let p =
+          '/' +
+          relativePath(
+            options.projectRoot,
+            path.resolve(path.dirname(asset.filePath), err.data.url),
+            false,
+          );
+        diagnostic[0].hints = [`Replace with: url(${p})`];
+        diagnostic[0].documentationURL =
+          'https://parceljs.org/languages/css/#url()';
+      }
 
-  async parse({asset}) {
-    // This is set by other transformers (e.g. Stylus) to indicate that it has already processed
-    // all dependencies, and that the CSS transformer can skip this asset completely. This is
-    // required because when stylus processes e.g. url() it replaces them with a dependency id
-    // to be filled in later. When the CSS transformer runs, it would pick that up and try to
-    // resolve a dependency for the id which obviously doesn't exist. Also, it's faster to do
-    // it this way since the resulting CSS doesn't need to be re-parsed.
-    let isCSSModule =
-      asset.meta.cssModulesCompiled !== true &&
-      MODULE_BY_NAME_RE.test(asset.filePath);
-    if (asset.meta.hasDependencies === false && !isCSSModule) {
-      return null;
+      throw new ThrowableDiagnostic({
+        diagnostic,
+      });
     }
 
-    let code = await asset.getCode();
-    if (
-      code != null &&
-      !canHaveDependencies(asset.filePath, code) &&
-      !isCSSModule
-    ) {
-      return null;
-    }
+    asset.setBuffer(res.code);
 
-    return {
-      type: 'postcss',
-      version: '8.2.1',
-      program: postcss
-        .parse(code, {
-          from: asset.filePath,
-        })
-        .toJSON(),
-    };
-  },
+    if (res.map != null) {
+      let vlqMap = JSON.parse(res.map.toString());
+      let map = new SourceMap(options.projectRoot);
+      map.addVLQMap(vlqMap);
 
-  async transform({asset, resolve, options}) {
-    // Normalize the asset's environment so that properties that only affect JS don't cause CSS to be duplicated.
-    // For example, with ESModule and CommonJS targets, only a single shared CSS bundle should be produced.
-    let env = asset.env;
-    asset.setEnvironment({
-      context: 'browser',
-      engines: {
-        browsers: asset.env.engines.browsers,
-      },
-      shouldOptimize: asset.env.shouldOptimize,
-      sourceMap: asset.env.sourceMap,
-    });
+      if (originalMap) {
+        map.extends(originalMap);
+      }
 
-    let isCSSModule =
-      asset.meta.cssModulesCompiled !== true &&
-      MODULE_BY_NAME_RE.test(asset.filePath);
+      asset.setMap(map);
+    }
+
+    if (res.dependencies) {
+      for (let dep of res.dependencies) {
+        let loc = dep.loc;
+        if (originalMap) {
+          loc = remapSourceLocation(loc, originalMap);
+        }
 
-    // Check for `hasDependencies` being false here as well, as it's possible
-    // another transformer (such as PostCSSTransformer) has already parsed an
-    // ast and CSSTransformer's parse was never called.
-    let ast = await asset.getAST();
-    if (!ast || (asset.meta.hasDependencies === false && !isCSSModule)) {
-      return [asset];
+        if (dep.type === 'import') {
+          asset.addDependency({
+            specifier: dep.url,
+            specifierType: 'url',
+            loc,
+            meta: {
+              // For the glob resolver to distinguish between `@import` and other URL dependencies.
+              isCSSImport: true,
+              media: dep.media,
+            },
+            symbols: new Map([['*', {local: '*', isWeak: true, loc}]]),
+          });
+        } else if (dep.type === 'url') {
+          asset.addURLDependency(dep.url, {
+            loc,
+            meta: {
+              placeholder: dep.placeholder,
+            },
+          });
+        }
+      }
     }
 
-    let program: Root = postcss.fromJSON(ast.program);
     let assets = [asset];
-    if (isCSSModule) {
-      assets = await compileCSSModules(asset, env, program, resolve, options);
-    }
 
-    if (asset.meta.hasDependencies === false) {
-      return assets;
-    }
+    if (res.exports != null) {
+      let exports = res.exports;
+      asset.symbols.ensure();
+      asset.symbols.set('default', 'default');
 
-    let originalSourceMap = await asset.getMap();
-    let createLoc = (start, specifier, lineOffset, colOffset, o) => {
-      let loc = createDependencyLocation(
-        start,
-        specifier,
-        lineOffset,
-        colOffset,
-        o,
-      );
-      if (originalSourceMap) {
-        loc = remapSourceLocation(loc, originalSourceMap);
-      }
-      return loc;
-    };
-
-    let isDirty = false;
-    program.walkAtRules('import', rule => {
-      let params = valueParser(rule.params);
-      let [name, ...media] = params.nodes;
-      let specifier;
-      if (
-        name.type === 'function' &&
-        name.value === 'url' &&
-        name.nodes.length
-      ) {
-        name = name.nodes[0];
-      }
+      let dependencies = new Map();
+      let selfReferences = new Set();
+      let locals = new Map();
+      let c = 0;
+      let depjs = '';
+      let js = '';
 
-      specifier = name.value;
+      let jsDeps = [];
 
-      if (!specifier) {
-        throw new Error('Could not find import name for ' + String(rule));
+      for (let key in exports) {
+        locals.set(exports[key].name, key);
       }
 
-      // If this came from an inline <style> tag, don't inline the imported file. Replace with the correct URL instead.
-      // TODO: run CSSPackager on inline style tags.
-      // let inlineHTML =
-      //   this.options.rendition && this.options.rendition.inlineHTML;
-      // if (inlineHTML) {
-      //   name.value = asset.addURLDependency(dep, {loc: rule.source.start});
-      //   rule.params = params.toString();
-      // } else {
-      media = valueParser.stringify(media).trim();
-      let dep = {
-        specifier,
-        specifierType: 'url',
-        // Offset by 8 as it does not include `@import `
-        loc: createLoc(nullthrows(rule.source.start), specifier, 0, 8),
-        meta: {
-          // For the glob resolver to distinguish between `@import` and other URL dependencies.
-          isCSSImport: true,
-          media,
-        },
-      };
-      asset.addDependency(dep);
-      rule.remove();
-      // }
-      isDirty = true;
-    });
+      let seen = new Set();
+      let add = key => {
+        if (seen.has(key)) {
+          return;
+        }
+        seen.add(key);
 
-    program.walkDecls(decl => {
-      if (URL_RE.test(decl.value)) {
-        let parsed = valueParser(decl.value);
-        let isDeclDirty = false;
-
-        parsed.walk(node => {
-          if (
-            node.type === 'function' &&
-            node.value === 'url' &&
-            node.nodes.length > 0 &&
-            !node.nodes[0].value.startsWith('#') // IE's `behavior: url(#default#VML)`
-          ) {
-            let urlNode = node.nodes[0];
-            let url = asset.addURLDependency(urlNode.value, {
-              loc:
-                decl.source &&
-                decl.source.start &&
-                createLoc(
-                  decl.source.start,
-                  urlNode.value,
-                  0,
-                  decl.source.start.offset + urlNode.sourceIndex + 1,
-                  0,
-                ),
-            });
-            isDeclDirty = urlNode.value !== url;
-            urlNode.type = 'string';
-            urlNode.quote = '"';
-            urlNode.value = url;
-          }
-        });
+        let e = exports[key];
+        let s = `module.exports[${JSON.stringify(key)}] = \`${e.name}`;
 
-        if (isDeclDirty) {
-          decl.value = parsed.toString();
-          isDirty = true;
+        if (e.isReferenced) {
+          selfReferences.add(e.name);
         }
-      }
-    });
 
-    if (isDirty) {
-      asset.setAST({
-        ...ast,
-        program: program.toJSON(),
-      });
-    }
+        for (let ref of e.composes) {
+          s += ' ';
+          if (ref.type === 'local') {
+            add(nullthrows(locals.get(ref.name)));
+            s +=
+              '${' +
+              `module.exports[${JSON.stringify(
+                nullthrows(locals.get(ref.name)),
+              )}]` +
+              '}';
+          } else if (ref.type === 'global') {
+            s += ref.name;
+          } else if (ref.type === 'dependency') {
+            let d = dependencies.get(ref.specifier);
+            if (d == null) {
+              d = `dep_${c++}`;
+              depjs += `import * as ${d} from ${JSON.stringify(
+                ref.specifier,
+              )};\n`;
+              dependencies.set(ref.specifier, d);
+
+              asset.addDependency({
+                specifier: ref.specifier,
+                specifierType: 'url',
+              });
+            }
+            s += '${' + `${d}[${JSON.stringify(ref.name)}]` + '}';
+          }
+        }
 
-    return assets;
-  },
+        s += '`;\n';
+        js += s;
+      };
 
-  async generate({asset, ast, options}) {
-    let result = await postcss().process(postcss.fromJSON(ast.program), {
-      from: undefined,
-      to: options.projectRoot + '/index',
-      map: {
-        annotation: false,
-        inline: false,
-        sourcesContent: false,
-      },
-      // Pass postcss's own stringifier to it to silence its warning
-      // as we don't want to perform any transformations -- only generate
-      stringifier: postcss.stringify,
-    });
+      for (let key in exports) {
+        asset.symbols.set(key, exports[key].name);
+        add(key);
+      }
 
-    let map = null;
-    let originalSourceMap = await asset.getMap();
-    if (result.map != null) {
-      map = new SourceMap(options.projectRoot);
-      map.addVLQMap(result.map.toJSON());
-      if (originalSourceMap) {
-        map.extends(originalSourceMap.toBuffer());
+      for (let dep of asset.getDependencies()) {
+        if (dep.priority === 'sync') {
+          // TODO: Figure out how to treeshake this
+          let d = `dep_$${c++}`;
+          depjs += `import * as ${d} from ${JSON.stringify(dep.specifier)};\n`;
+          depjs += `for (let key in ${d}) { if (key in module.exports) module.exports[key] += ' ' + ${d}[key]; else module.exports[key] = ${d}[key]; }\n`;
+        }
       }
-    } else {
-      map = originalSourceMap;
-    }
 
-    return {
-      content: result.css,
-      map,
-    };
-  },
-}): Transformer);
+      assets.push({
+        type: 'js',
+        content: depjs + js,
+        dependencies: jsDeps,
+        env: asset.env,
+      });
 
-async function compileCSSModules(asset, env, program, resolve, options) {
-  let cssModules;
-
-  let code = asset.isASTDirty() ? null : await asset.getCode();
-  if (code == null || COMPOSES_RE.test(code)) {
-    program.walkDecls(decl => {
-      let [, importPath] = FROM_IMPORT_RE.exec(decl.value) || [];
-      if (decl.prop === 'composes' && importPath != null) {
-        let parsed = valueParser(decl.value);
-        let start = (decl.source.start: any);
-
-        parsed.walk(node => {
-          if (node.type === 'string') {
-            asset.addDependency({
-              specifier: importPath,
-              specifierType: 'url',
-              loc: start
-                ? {
-                    filePath: asset.filePath,
-                    start,
-                    end: {
-                      line: start.line,
-                      column: start.column + importPath.length,
-                    },
-                  }
-                : undefined,
-            });
-          }
+      if (selfReferences.size > 0) {
+        asset.addDependency({
+          specifier: `./${path.basename(asset.filePath)}`,
+          specifierType: 'url',
+          symbols: new Map(
+            [...locals]
+              .filter(([local]) => selfReferences.has(local))
+              .map(([local, exported]) => [
+                exported,
+                {local, isWeak: false, loc: null},
+              ]),
+          ),
         });
       }
+    }
+
+    // Normalize the asset's environment so that properties that only affect JS don't cause CSS to be duplicated.
+    // For example, with ESModule and CommonJS targets, only a single shared CSS bundle should be produced.
+    asset.setEnvironment({
+      context: 'browser',
+      engines: {
+        browsers: asset.env.engines.browsers,
+      },
+      shouldOptimize: asset.env.shouldOptimize,
+      shouldScopeHoist: asset.env.shouldScopeHoist,
+      sourceMap: asset.env.sourceMap,
     });
-  }
 
-  let postcssModules = await options.packageManager.require(
-    'postcss-modules',
-    asset.filePath,
-    {
-      range: '^4.3.0',
-      saveDev: true,
-      shouldAutoInstall: options.shouldAutoInstall,
-    },
-  );
-
-  let {root} = await postcss([
-    postcssModules({
-      getJSON: (filename, json) => (cssModules = json),
-      Loader: await createLoader(asset, resolve, options),
-      generateScopedName: (name, filename) =>
-        `${name}_${hashString(
-          path.relative(options.projectRoot, filename),
-        ).substr(0, 6)}`,
-    }),
-  ]).process(program, {from: asset.filePath, to: asset.filePath});
-  asset.setAST({
-    type: 'postcss',
-    version: '8.2.1',
-    program: root.toJSON(),
-  });
-
-  let assets = [asset];
-  if (cssModules) {
-    // $FlowFixMe
-    let cssModulesList = (Object.entries(cssModules): Array<[string, string]>);
-    let deps = asset.getDependencies().filter(dep => dep.priority === 'sync');
-    let code: string;
-    if (deps.length > 0) {
-      code = `
-        module.exports = Object.assign({}, ${deps
-          .map(dep => `require(${JSON.stringify(dep.specifier)})`)
-          .join(', ')}, ${JSON.stringify(cssModules, null, 2)});
-      `;
-    } else {
-      code = cssModulesList
-        .map(
-          // This syntax enables shaking the invidual statements, so that unused classes don't even exist in JS.
-          ([className, classNameHashed]) =>
-            `module.exports[${JSON.stringify(className)}] = ${JSON.stringify(
-              classNameHashed,
-            )};`,
-        )
-        .join('\n');
-    }
+    return assets;
+  },
+}): Transformer);
 
-    asset.symbols.ensure();
-    for (let [k, v] of cssModulesList) {
-      asset.symbols.set(k, v);
-    }
-    asset.symbols.set('default', 'default');
+let cache = new Map();
 
-    assets.push({
-      type: 'js',
-      content: code,
-      env,
-    });
+function getTargets(browsers) {
+  if (browsers == null) {
+    return undefined;
   }
-  return assets;
-}
 
-async function createLoader(
-  asset: MutableAsset,
-  resolve: (from: FilePath, to: string) => Promise<FilePath>,
-  options: PluginOptions,
-) {
-  let {default: FileSystemLoader} = await options.packageManager.require(
-    'postcss-modules/build/css-loader-core/loader',
-    asset.filePath,
-  );
-  return class ParcelFileSystemLoader extends FileSystemLoader {
-    async fetch(composesPath, relativeTo) {
-      let importPath = composesPath.replace(/^["']|["']$/g, '');
-      let resolved = await resolve(relativeTo, importPath);
-      let rootRelativePath = path.resolve(path.dirname(relativeTo), resolved);
-      let root = path.resolve('/');
-      // fixes an issue on windows which is part of the css-modules-loader-core
-      // see https://github.com/css-modules/css-modules-loader-core/issues/230
-      if (rootRelativePath.startsWith(root)) {
-        rootRelativePath = rootRelativePath.substr(root.length);
-      }
+  let cached = cache.get(browsers);
+  if (cached != null) {
+    return cached;
+  }
 
-      let source = await asset.fs.readFile(resolved, 'utf-8');
-      let {exportTokens} = await this.core.load(
-        source,
-        rootRelativePath,
-        undefined,
-        // $FlowFixMe[method-unbinding]
-        this.fetch.bind(this),
-      );
-      return exportTokens;
-    }
+  let targets = browserslistToTargets(browserslist(browsers));
 
-    get finalSource() {
-      return '';
-    }
-  };
+  cache.set(browsers, targets);
+  return targets;
 }
diff --git a/packages/transformers/html/src/HTMLTransformer.js b/packages/transformers/html/src/HTMLTransformer.js
index 21b12eb8ab5..2f13a963559 100644
--- a/packages/transformers/html/src/HTMLTransformer.js
+++ b/packages/transformers/html/src/HTMLTransformer.js
@@ -41,19 +41,22 @@ export default (new Transformer({
     try {
       hasScripts = collectDependencies(asset, ast);
     } catch (errors) {
-      throw new ThrowableDiagnostic({
-        diagnostic: errors.map(error => ({
-          message: error.message,
-          origin: '@parcel/transformer-html',
-          codeFrames: [
-            {
-              filePath: error.filePath,
-              language: 'html',
-              codeHighlights: [error.loc],
-            },
-          ],
-        })),
-      });
+      if (Array.isArray(errors)) {
+        throw new ThrowableDiagnostic({
+          diagnostic: errors.map(error => ({
+            message: error.message,
+            origin: '@parcel/transformer-html',
+            codeFrames: [
+              {
+                filePath: error.filePath,
+                language: 'html',
+                codeHighlights: [error.loc],
+              },
+            ],
+          })),
+        });
+      }
+      throw errors;
     }
 
     const {assets: inlineAssets, hasScripts: hasInlineScripts} =
diff --git a/packages/transformers/js/core/Cargo.toml b/packages/transformers/js/core/Cargo.toml
index ea54f194fe4..ecfac518dff 100644
--- a/packages/transformers/js/core/Cargo.toml
+++ b/packages/transformers/js/core/Cargo.toml
@@ -8,8 +8,8 @@ edition = "2018"
 crate-type = ["rlib"]
 
 [dependencies]
-swc_ecmascript = { version = "0.99.9", features = ["parser", "transforms", "module", "optimization", "react", "typescript", "utils", "visit", "codegen", "utils", "preset_env"] }
-swc_common = { version = "0.15.1", features = ["tty-emitter", "sourcemap"] }
+swc_ecmascript = { version = "0.136.0", features = ["parser", "transforms", "module", "optimization", "react", "typescript", "utils", "visit", "codegen", "utils", "preset_env"] }
+swc_common = { version = "0.17.17", features = ["tty-emitter", "sourcemap"] }
 swc_atoms = "0.2.9"
 indoc = "1.0.3"
 serde = "1.0.123"
diff --git a/packages/transformers/js/core/src/dependency_collector.rs b/packages/transformers/js/core/src/dependency_collector.rs
index 0113d96838d..1da4b632c90 100644
--- a/packages/transformers/js/core/src/dependency_collector.rs
+++ b/packages/transformers/js/core/src/dependency_collector.rs
@@ -6,7 +6,7 @@ use std::path::Path;
 use serde::{Deserialize, Serialize};
 use swc_atoms::JsWord;
 use swc_common::{Mark, SourceMap, Span, SyntaxContext, DUMMY_SP};
-use swc_ecmascript::ast;
+use swc_ecmascript::ast::{self, Callee, MemberProp};
 use swc_ecmascript::utils::ident::IdentLike;
 use swc_ecmascript::visit::{Fold, FoldWith};
 
@@ -185,7 +185,7 @@ impl<'a> DependencyCollector<'a> {
     // For scripts, we replace with __parcel__require__, which is later replaced
     // by a real parcelRequire of the resolved asset in the packager.
     if self.config.source_type == SourceType::Script {
-      res.callee = ast::ExprOrSuper::Expr(Box::new(ast::Expr::Ident(ast::Ident::new(
+      res.callee = ast::Callee::Expr(Box::new(ast::Expr::Ident(ast::Ident::new(
         "__parcel__require__".into(),
         DUMMY_SP,
       ))));
@@ -326,166 +326,164 @@ impl<'a> Fold for DependencyCollector<'a> {
   }
 
   fn fold_call_expr(&mut self, node: ast::CallExpr) -> ast::CallExpr {
-    use ast::{Expr::*, ExprOrSuper::*, Ident};
+    use ast::{Expr::*, Ident};
 
-    let call_expr = match node.callee.clone() {
-      Super(_) => return node,
-      Expr(boxed) => boxed,
-    };
-
-    let kind = match &*call_expr {
-      Ident(ident) => {
-        // Bail if defined in scope
-        if self.decls.contains(&ident.to_id()) {
-          return node.fold_children_with(self);
-        }
-
-        match ident.sym.to_string().as_str() {
-          "import" => DependencyKind::DynamicImport,
-          "require" => {
-            if self.in_promise {
-              DependencyKind::DynamicImport
-            } else {
-              DependencyKind::Require
+    let kind = match &node.callee {
+      Callee::Import(_) => DependencyKind::DynamicImport,
+      Callee::Expr(expr) => {
+        match &**expr {
+          Ident(ident) => {
+            // Bail if defined in scope
+            if self.decls.contains(&ident.to_id()) {
+              return node.fold_children_with(self);
             }
-          }
-          "importScripts" => {
-            if self.config.is_worker {
-              let (msg, span) = if self.config.source_type == SourceType::Script {
-                // Ignore if argument is not a string literal.
-                let span = if let Some(ast::ExprOrSpread { expr, .. }) = node.args.get(0) {
-                  match &**expr {
-                    Lit(ast::Lit::Str(ast::Str { value, span, .. })) => {
-                      // Ignore absolute URLs.
-                      if value.starts_with("http:")
-                        || value.starts_with("https:")
-                        || value.starts_with("//")
-                      {
-                        return node.fold_children_with(self);
+
+            match ident.sym.to_string().as_str() {
+              "require" => {
+                if self.in_promise {
+                  DependencyKind::DynamicImport
+                } else {
+                  DependencyKind::Require
+                }
+              }
+              "importScripts" => {
+                if self.config.is_worker {
+                  let (msg, span) = if self.config.source_type == SourceType::Script {
+                    // Ignore if argument is not a string literal.
+                    let span = if let Some(ast::ExprOrSpread { expr, .. }) = node.args.get(0) {
+                      match &**expr {
+                        Lit(ast::Lit::Str(ast::Str { value, span, .. })) => {
+                          // Ignore absolute URLs.
+                          if value.starts_with("http:")
+                            || value.starts_with("https:")
+                            || value.starts_with("//")
+                          {
+                            return node.fold_children_with(self);
+                          }
+                          span
+                        }
+                        _ => {
+                          return node.fold_children_with(self);
+                        }
                       }
-                      span
-                    }
-                    _ => {
+                    } else {
                       return node.fold_children_with(self);
-                    }
-                  }
-                } else {
-                  return node.fold_children_with(self);
-                };
-
-                (
-                  "Argument to importScripts() must be a fully qualified URL.",
-                  *span,
-                )
-              } else {
-                (
-                  "importScripts() is not supported in module workers.",
-                  node.span,
-                )
-              };
-              self.diagnostics.push(Diagnostic {
-                message: msg.to_string(),
-                code_highlights: Some(vec![CodeHighlight {
-                  message: None,
-                  loc: SourceLocation::from(self.source_map, span),
-                }]),
-                hints: Some(vec![String::from(
-                  "Use a static `import`, or dynamic `import()` instead.",
-                )]),
-                show_environment: self.config.source_type == SourceType::Script,
-                severity: DiagnosticSeverity::Error,
-                documentation_url: Some(String::from(
-                  "https://parceljs.org/languages/javascript/#classic-script-workers",
-                )),
-              });
-            }
+                    };
+
+                    (
+                      "Argument to importScripts() must be a fully qualified URL.",
+                      *span,
+                    )
+                  } else {
+                    (
+                      "importScripts() is not supported in module workers.",
+                      node.span,
+                    )
+                  };
+                  self.diagnostics.push(Diagnostic {
+                    message: msg.to_string(),
+                    code_highlights: Some(vec![CodeHighlight {
+                      message: None,
+                      loc: SourceLocation::from(self.source_map, span),
+                    }]),
+                    hints: Some(vec![String::from(
+                      "Use a static `import`, or dynamic `import()` instead.",
+                    )]),
+                    show_environment: self.config.source_type == SourceType::Script,
+                    severity: DiagnosticSeverity::Error,
+                    documentation_url: Some(String::from(
+                      "https://parceljs.org/languages/javascript/#classic-script-workers",
+                    )),
+                  });
+                }
 
-            return node.fold_children_with(self);
-          }
-          "__parcel__require__" => {
-            let mut call = node.fold_children_with(self);
-            call.callee = ast::ExprOrSuper::Expr(Box::new(ast::Expr::Ident(ast::Ident::new(
-              "require".into(),
-              DUMMY_SP.apply_mark(self.ignore_mark),
-            ))));
-            return call;
-          }
-          "__parcel__import__" => {
-            let mut call = node.fold_children_with(self);
-            call.callee = ast::ExprOrSuper::Expr(Box::new(ast::Expr::Ident(ast::Ident::new(
-              "import".into(),
-              DUMMY_SP.apply_mark(self.ignore_mark),
-            ))));
-            return call;
-          }
-          "__parcel__importScripts__" => {
-            let mut call = node.fold_children_with(self);
-            call.callee = ast::ExprOrSuper::Expr(Box::new(ast::Expr::Ident(ast::Ident::new(
-              "importScripts".into(),
-              DUMMY_SP.apply_mark(self.ignore_mark),
-            ))));
-            return call;
-          }
-          _ => return node.fold_children_with(self),
-        }
-      }
-      Member(member) => {
-        if match_member_expr(member, vec!["module", "require"], self.decls) {
-          DependencyKind::Require
-        } else if self.config.is_browser
-          && match_member_expr(
-            member,
-            vec!["navigator", "serviceWorker", "register"],
-            self.decls,
-          )
-        {
-          DependencyKind::ServiceWorker
-        } else if self.config.is_browser
-          && match_member_expr(member, vec!["CSS", "paintWorklet", "addModule"], self.decls)
-        {
-          DependencyKind::Worklet
-        } else {
-          let was_in_promise = self.in_promise;
-
-          // Match compiled dynamic imports (Parcel)
-          // Promise.resolve(require('foo'))
-          if match_member_expr(member, vec!["Promise", "resolve"], self.decls) {
-            if let Some(expr) = node.args.get(0) {
-              if match_require(&*expr.expr, self.decls, Mark::fresh(Mark::root())).is_some() {
-                self.in_promise = true;
-                let node = node.fold_children_with(self);
-                self.in_promise = was_in_promise;
-                return node;
+                return node.fold_children_with(self);
+              }
+              "__parcel__require__" => {
+                let mut call = node.fold_children_with(self);
+                call.callee = ast::Callee::Expr(Box::new(ast::Expr::Ident(ast::Ident::new(
+                  "require".into(),
+                  DUMMY_SP.apply_mark(self.ignore_mark),
+                ))));
+                return call;
+              }
+              "__parcel__import__" => {
+                let mut call = node.fold_children_with(self);
+                call.callee = ast::Callee::Expr(Box::new(ast::Expr::Ident(ast::Ident::new(
+                  "import".into(),
+                  DUMMY_SP.apply_mark(self.ignore_mark),
+                ))));
+                return call;
+              }
+              "__parcel__importScripts__" => {
+                let mut call = node.fold_children_with(self);
+                call.callee = ast::Callee::Expr(Box::new(ast::Expr::Ident(ast::Ident::new(
+                  "importScripts".into(),
+                  DUMMY_SP.apply_mark(self.ignore_mark),
+                ))));
+                return call;
               }
+              _ => return node.fold_children_with(self),
             }
           }
+          Member(member) => {
+            if match_member_expr(member, vec!["module", "require"], self.decls) {
+              DependencyKind::Require
+            } else if self.config.is_browser
+              && match_member_expr(
+                member,
+                vec!["navigator", "serviceWorker", "register"],
+                self.decls,
+              )
+            {
+              DependencyKind::ServiceWorker
+            } else if self.config.is_browser
+              && match_member_expr(member, vec!["CSS", "paintWorklet", "addModule"], self.decls)
+            {
+              DependencyKind::Worklet
+            } else {
+              let was_in_promise = self.in_promise;
+
+              // Match compiled dynamic imports (Parcel)
+              // Promise.resolve(require('foo'))
+              if match_member_expr(member, vec!["Promise", "resolve"], self.decls) {
+                if let Some(expr) = node.args.get(0) {
+                  if match_require(&*expr.expr, self.decls, Mark::fresh(Mark::root())).is_some() {
+                    self.in_promise = true;
+                    let node = node.fold_children_with(self);
+                    self.in_promise = was_in_promise;
+                    return node;
+                  }
+                }
+              }
 
-          // Match compiled dynamic imports (TypeScript)
-          // Promise.resolve().then(() => require('foo'))
-          // Promise.resolve().then(() => { return require('foo') })
-          // Promise.resolve().then(function () { return require('foo') })
-          if let Expr(ref expr) = member.obj {
-            if let Call(call) = &**expr {
-              if let Expr(e) = &call.callee {
-                if let Member(m) = &**e {
-                  if match_member_expr(m, vec!["Promise", "resolve"], self.decls) {
-                    if let Ident(id) = &*member.prop {
-                      if id.sym.to_string().as_str() == "then" {
-                        if let Some(arg) = node.args.get(0) {
-                          match &*arg.expr {
-                            Fn(_) | Arrow(_) => {
-                              self.in_promise = true;
-                              let node = swc_ecmascript::visit::fold_call_expr(self, node.clone());
-                              self.in_promise = was_in_promise;
-
-                              // Transform Promise.resolve().then(() => __importStar(require('foo')))
-                              //   => Promise.resolve().then(() => require('foo')).then(res => __importStar(res))
-                              if let Some(require_node) = self.require_node.clone() {
-                                self.require_node = None;
-                                return build_promise_chain(node, require_node);
+              // Match compiled dynamic imports (TypeScript)
+              // Promise.resolve().then(() => require('foo'))
+              // Promise.resolve().then(() => { return require('foo') })
+              // Promise.resolve().then(function () { return require('foo') })
+              if let Call(call) = &*member.obj {
+                if let Callee::Expr(e) = &call.callee {
+                  if let Member(m) = &**e {
+                    if match_member_expr(m, vec!["Promise", "resolve"], self.decls) {
+                      if let MemberProp::Ident(id) = &member.prop {
+                        if id.sym.to_string().as_str() == "then" {
+                          if let Some(arg) = node.args.get(0) {
+                            match &*arg.expr {
+                              Fn(_) | Arrow(_) => {
+                                self.in_promise = true;
+                                let node =
+                                  swc_ecmascript::visit::fold_call_expr(self, node.clone());
+                                self.in_promise = was_in_promise;
+
+                                // Transform Promise.resolve().then(() => __importStar(require('foo')))
+                                //   => Promise.resolve().then(() => require('foo')).then(res => __importStar(res))
+                                if let Some(require_node) = self.require_node.clone() {
+                                  self.require_node = None;
+                                  return build_promise_chain(node, require_node);
+                                }
                               }
+                              _ => {}
                             }
-                            _ => {}
                           }
                         }
                       }
@@ -493,10 +491,11 @@ impl<'a> Fold for DependencyCollector<'a> {
                   }
                 }
               }
+
+              return node.fold_children_with(self);
             }
           }
-
-          return node.fold_children_with(self);
+          _ => return node.fold_children_with(self),
         }
       }
       _ => return node.fold_children_with(self),
@@ -637,7 +636,7 @@ impl<'a> Fold for DependencyCollector<'a> {
           SourceType::Module => "require",
           SourceType::Script => "__parcel__require__",
         };
-        call.callee = ast::ExprOrSuper::Expr(Box::new(ast::Expr::Ident(ast::Ident::new(
+        call.callee = ast::Callee::Expr(Box::new(ast::Expr::Ident(ast::Ident::new(
           name.into(),
           DUMMY_SP,
         ))));
@@ -824,10 +823,7 @@ impl<'a> Fold for DependencyCollector<'a> {
         // Free `require` -> undefined
         sym == &js_word!("require") && !self.decls.contains(&(sym.clone(), span.ctxt()))
       }
-      Expr::Member(MemberExpr {
-        obj: ExprOrSuper::Expr(expr),
-        ..
-      }) => {
+      Expr::Member(MemberExpr { obj: expr, .. }) => {
         // e.g. `require.extensions` -> undefined
         if let Expr::Ident(Ident { sym, span, .. }) = &**expr {
           sym == &js_word!("require") && !self.decls.contains(&(sym.clone(), span.ctxt()))
@@ -884,7 +880,7 @@ impl<'a> DependencyCollector<'a> {
         };
 
         if let Some(ast::Expr::Call(call)) = expr {
-          if let ast::ExprOrSuper::Expr(callee) = &call.callee {
+          if let ast::Callee::Expr(callee) = &call.callee {
             if let ast::Expr::Ident(id) = &**callee {
               if id.to_id() == resolve_id {
                 if let Some(arg) = call.args.get(0) {
@@ -969,10 +965,9 @@ fn build_promise_chain(node: ast::CallExpr, require_node: ast::CallExpr) -> ast:
       };
 
       return ast::CallExpr {
-        callee: ast::ExprOrSuper::Expr(Box::new(ast::Expr::Member(ast::MemberExpr {
+        callee: ast::Callee::Expr(Box::new(ast::Expr::Member(ast::MemberExpr {
           span: DUMMY_SP,
-          computed: false,
-          obj: ast::ExprOrSuper::Expr(Box::new(ast::Expr::Call(ast::CallExpr {
+          obj: (Box::new(ast::Expr::Call(ast::CallExpr {
             callee: node.callee,
             args: vec![ast::ExprOrSpread {
               expr: Box::new(ast::Expr::Fn(ast::FnExpr {
@@ -999,7 +994,7 @@ fn build_promise_chain(node: ast::CallExpr, require_node: ast::CallExpr) -> ast:
             span: DUMMY_SP,
             type_args: None,
           }))),
-          prop: Box::new(ast::Expr::Ident(ast::Ident::new("then".into(), DUMMY_SP))),
+          prop: MemberProp::Ident(ast::Ident::new("then".into(), DUMMY_SP)),
         }))),
         args: vec![ast::ExprOrSpread {
           expr: Box::new(f),
@@ -1020,12 +1015,11 @@ fn create_url_constructor(url: ast::Expr, use_import_meta: bool) -> ast::Expr {
   let expr = if use_import_meta {
     Expr::Member(MemberExpr {
       span: DUMMY_SP,
-      obj: ExprOrSuper::Expr(Box::new(Expr::MetaProp(MetaPropExpr {
-        meta: Ident::new(js_word!("import"), DUMMY_SP),
-        prop: Ident::new(js_word!("meta"), DUMMY_SP),
-      }))),
-      prop: Box::new(Expr::Ident(Ident::new(js_word!("url"), DUMMY_SP))),
-      computed: false,
+      obj: Box::new(Expr::MetaProp(MetaPropExpr {
+        kind: MetaPropKind::ImportMeta,
+        span: DUMMY_SP,
+      })),
+      prop: MemberProp::Ident(Ident::new(js_word!("url"), DUMMY_SP)),
     })
   } else {
     // CJS output: "file:" + __filename
@@ -1162,16 +1156,11 @@ impl<'a> DependencyCollector<'a> {
 
     match expr {
       Expr::Member(member) => {
-        match &member.obj {
-          ExprOrSuper::Expr(expr) if self.is_import_meta(&**expr) => {}
-          _ => return false,
+        if !self.is_import_meta(&member.obj) {
+          return false;
         }
 
-        let name = if !member.computed {
-          match_str_or_ident(&*member.prop)
-        } else {
-          match_str(&*member.prop)
-        };
+        let name = match_property_name(member);
 
         if let Some((name, _)) = name {
           name == js_word!("url")
@@ -1203,15 +1192,8 @@ impl<'a> DependencyCollector<'a> {
 
     match &expr {
       ast::Expr::MetaProp(MetaPropExpr {
-        meta: Ident {
-          sym: js_word!("import"),
-          ..
-        },
-        prop: Ident {
-          sym: js_word!("meta"),
-          span,
-          ..
-        },
+        kind: MetaPropKind::ImportMeta,
+        span,
       }) => {
         if self.config.source_type == SourceType::Script {
           self.diagnostics.push(Diagnostic {
@@ -1279,25 +1261,17 @@ impl<'a> DependencyCollector<'a> {
         decls: vec![VarDeclarator {
           name: Pat::Ident(BindingIdent::from(ident.clone())),
           init: Some(Box::new(Expr::Call(CallExpr {
-            callee: ExprOrSuper::Expr(Box::new(Expr::Member(MemberExpr {
-              obj: ExprOrSuper::Expr(Box::new(Expr::Ident(Ident::new(
-                js_word!("Object"),
-                DUMMY_SP,
-              )))),
-              prop: Box::new(Expr::Ident(Ident::new("assign".into(), DUMMY_SP))),
-              computed: false,
+            callee: Callee::Expr(Box::new(Expr::Member(MemberExpr {
+              obj: Box::new(Expr::Ident(Ident::new(js_word!("Object"), DUMMY_SP))),
+              prop: MemberProp::Ident(Ident::new("assign".into(), DUMMY_SP)),
               span: DUMMY_SP,
             }))),
             args: vec![
               ExprOrSpread {
                 expr: Box::new(Expr::Call(CallExpr {
-                  callee: ExprOrSuper::Expr(Box::new(Expr::Member(MemberExpr {
-                    obj: ExprOrSuper::Expr(Box::new(Expr::Ident(Ident::new(
-                      js_word!("Object"),
-                      DUMMY_SP,
-                    )))),
-                    prop: Box::new(Expr::Ident(Ident::new("create".into(), DUMMY_SP))),
-                    computed: false,
+                  callee: Callee::Expr(Box::new(Expr::Member(MemberExpr {
+                    obj: (Box::new(Expr::Ident(Ident::new(js_word!("Object"), DUMMY_SP)))),
+                    prop: MemberProp::Ident(Ident::new("create".into(), DUMMY_SP)),
                     span: DUMMY_SP,
                   }))),
                   args: vec![ExprOrSpread {
diff --git a/packages/transformers/js/core/src/env_replacer.rs b/packages/transformers/js/core/src/env_replacer.rs
index b72db0ae312..46b52f4c093 100644
--- a/packages/transformers/js/core/src/env_replacer.rs
+++ b/packages/transformers/js/core/src/env_replacer.rs
@@ -53,25 +53,11 @@ impl<'a> Fold for EnvReplacer<'a> {
         return node.fold_children_with(self);
       }
 
-      if let MemberExpr {
-        obj: ExprOrSuper::Expr(ref expr),
-        ref prop,
-        computed,
-        ..
-      } = member
-      {
-        if let Expr::Member(member) = &**expr {
-          if match_member_expr(member, vec!["process", "env"], self.decls) {
-            if let Expr::Lit(Lit::Str(Str { value: ref sym, .. })) = &**prop {
-              if let Some(replacement) = self.replace(sym, true) {
-                return replacement;
-              }
-            } else if let Expr::Ident(Ident { ref sym, .. }) = &**prop {
-              if !computed {
-                if let Some(replacement) = self.replace(sym, true) {
-                  return replacement;
-                }
-              }
+      if let Expr::Member(obj) = &*member.obj {
+        if match_member_expr(obj, vec!["process", "env"], self.decls) {
+          if let Some((sym, _)) = match_property_name(member) {
+            if let Some(replacement) = self.replace(&sym, true) {
+              return replacement;
             }
           }
         }
@@ -128,11 +114,7 @@ impl<'a> Fold for EnvReplacer<'a> {
         PatOrExpr::Expr(expr) => Some(&**expr),
       };
 
-      if let Some(Expr::Member(MemberExpr {
-        obj: ExprOrSuper::Expr(ref obj),
-        ..
-      })) = expr
-      {
+      if let Some(Expr::Member(MemberExpr { obj, .. })) = &expr {
         if let Expr::Member(member) = &**obj {
           if match_member_expr(member, vec!["process", "env"], self.decls) {
             self.emit_mutating_error(assign.span);
@@ -148,7 +130,7 @@ impl<'a> Fold for EnvReplacer<'a> {
         Expr::Unary(UnaryExpr { op: UnaryOp::Delete, arg, span, .. }) |
         // e.g. process.env.UPDATE++
         Expr::Update(UpdateExpr { arg, span, .. }) => {
-          if let Expr::Member(MemberExpr { obj: ExprOrSuper::Expr(ref obj), .. }) = &**arg {
+          if let Expr::Member(MemberExpr { ref obj, .. }) = &**arg {
             if let Expr::Member(member) = &**obj {
               if match_member_expr(member, vec!["process", "env"], self.decls) {
                 self.emit_mutating_error(*span);
diff --git a/packages/transformers/js/core/src/fs.rs b/packages/transformers/js/core/src/fs.rs
index 2bdca62c70e..291e156ebfd 100644
--- a/packages/transformers/js/core/src/fs.rs
+++ b/packages/transformers/js/core/src/fs.rs
@@ -1,21 +1,15 @@
 use crate::dependency_collector::{DependencyDescriptor, DependencyKind};
 use crate::hoist::{Collect, Import};
-use crate::utils::SourceLocation;
+use crate::id;
+use crate::utils::{IdentId, SourceLocation};
 use data_encoding::{BASE64, HEXLOWER};
 use std::collections::HashSet;
 use std::path::{Path, PathBuf};
 use swc_atoms::JsWord;
-use swc_common::{Mark, Span, SyntaxContext, DUMMY_SP};
+use swc_common::{Mark, Span, DUMMY_SP};
 use swc_ecmascript::ast::*;
 use swc_ecmascript::visit::{Fold, FoldWith, VisitWith};
 
-type IdentId = (JsWord, SyntaxContext);
-macro_rules! id {
-  ($ident: expr) => {
-    ($ident.sym.clone(), $ident.span.ctxt)
-  };
-}
-
 pub fn inline_fs<'a>(
   filename: &str,
   source_map: swc_common::sync::Lrc<swc_common::SourceMap>,
@@ -55,7 +49,7 @@ impl<'a> Fold for InlineFS<'a> {
 
   fn fold_expr(&mut self, node: Expr) -> Expr {
     if let Expr::Call(call) = &node {
-      if let ExprOrSuper::Expr(expr) = &call.callee {
+      if let Callee::Expr(expr) = &call.callee {
         if let Some((source, specifier)) = self.match_module_reference(expr) {
           if &source == "fs" && &specifier == "readFileSync" {
             if let Some(arg) = call.args.get(0) {
@@ -84,31 +78,29 @@ impl<'a> InlineFS<'a> {
         }
       }
       Expr::Member(member) => {
-        let prop = match &*member.prop {
-          Expr::Ident(ident) => {
-            if !member.computed {
-              ident.sym.clone()
+        let prop = match &member.prop {
+          MemberProp::Ident(ident) => ident.sym.clone(),
+          MemberProp::Computed(ComputedPropName { expr, .. }) => {
+            if let Expr::Lit(Lit::Str(str_)) = &**expr {
+              str_.value.clone()
             } else {
               return None;
             }
           }
-          Expr::Lit(Lit::Str(str_)) => str_.value.clone(),
           _ => return None,
         };
 
-        if let ExprOrSuper::Expr(expr) = &member.obj {
-          if let Some(source) = self.collect.match_require(expr) {
-            return Some((source, prop));
-          }
+        if let Some(source) = self.collect.match_require(&*member.obj) {
+          return Some((source, prop));
+        }
 
-          if let Expr::Ident(ident) = &**expr {
-            if let Some(Import {
-              source, specifier, ..
-            }) = self.collect.imports.get(&id!(ident))
-            {
-              if specifier == "default" || specifier == "*" {
-                return Some((source.clone(), prop));
-              }
+        if let Expr::Ident(ident) = &*member.obj {
+          if let Some(Import {
+            source, specifier, ..
+          }) = self.collect.imports.get(&id!(ident))
+          {
+            if specifier == "default" || specifier == "*" {
+              return Some((source.clone(), prop));
             }
           }
         }
@@ -196,13 +188,12 @@ impl<'a> InlineFS<'a> {
         // If buffer, wrap in Buffer.from(base64String, 'base64')
         if encoding == "buffer" {
           Some(Expr::Call(CallExpr {
-            callee: ExprOrSuper::Expr(Box::new(Expr::Member(MemberExpr {
-              obj: ExprOrSuper::Expr(Box::new(Expr::Ident(Ident::new(
+            callee: Callee::Expr(Box::new(Expr::Member(MemberExpr {
+              obj: Box::new(Expr::Ident(Ident::new(
                 "Buffer".into(),
                 DUMMY_SP.apply_mark(self.global_mark),
-              )))),
-              prop: Box::new(Expr::Ident(Ident::new("from".into(), DUMMY_SP))),
-              computed: false,
+              ))),
+              prop: MemberProp::Ident(Ident::new("from".into(), DUMMY_SP)),
               span: DUMMY_SP,
             }))),
             args: vec![
@@ -286,7 +277,7 @@ impl<'a> Fold for Evaluator<'a> {
       },
       Expr::Call(call) => {
         let callee = match &call.callee {
-          ExprOrSuper::Expr(expr) => &*expr,
+          Callee::Expr(expr) => &*expr,
           _ => return node,
         };
 
diff --git a/packages/transformers/js/core/src/global_replacer.rs b/packages/transformers/js/core/src/global_replacer.rs
index 9332dd3e839..512d5eeaa2f 100644
--- a/packages/transformers/js/core/src/global_replacer.rs
+++ b/packages/transformers/js/core/src/global_replacer.rs
@@ -4,7 +4,7 @@ use std::path::Path;
 
 use swc_atoms::JsWord;
 use swc_common::{SourceMap, SyntaxContext, DUMMY_SP};
-use swc_ecmascript::ast;
+use swc_ecmascript::ast::{self, ComputedPropName};
 use swc_ecmascript::utils::ident::IdentLike;
 use swc_ecmascript::visit::{Fold, FoldWith};
 
@@ -24,12 +24,12 @@ pub struct GlobalReplacer<'a> {
 
 impl<'a> Fold for GlobalReplacer<'a> {
   fn fold_expr(&mut self, node: ast::Expr) -> ast::Expr {
-    use ast::{Expr::*, Ident, MemberExpr};
+    use ast::{Expr::*, Ident, MemberExpr, MemberProp};
 
     // Do not traverse into the `prop` side of member expressions unless computed.
     let node = match node {
       Member(expr) => {
-        if expr.computed {
+        if let MemberProp::Computed(_) = expr.prop {
           Member(MemberExpr {
             obj: expr.obj.fold_with(self),
             prop: expr.prop.fold_with(self),
@@ -87,9 +87,8 @@ impl<'a> Fold for GlobalReplacer<'a> {
               id.sym.clone(),
               self.global_mark,
               Member(MemberExpr {
-                obj: ast::ExprOrSuper::Expr(Box::new(Call(create_require(specifier.clone())))),
-                prop: Box::new(Ident(ast::Ident::new("Buffer".into(), DUMMY_SP))),
-                computed: false,
+                obj: Box::new(Call(create_require(specifier.clone()))),
+                prop: MemberProp::Ident(ast::Ident::new("Buffer".into(), DUMMY_SP)),
                 span: DUMMY_SP,
               }),
             ),
@@ -169,15 +168,14 @@ impl<'a> Fold for GlobalReplacer<'a> {
                 id.sym.clone(),
                 self.global_mark,
                 ast::Expr::Member(ast::MemberExpr {
-                  obj: ast::ExprOrSuper::Expr(Box::new(Ident(Ident::new(
-                    js_word!("arguments"),
-                    DUMMY_SP,
-                  )))),
-                  prop: Box::new(Lit(ast::Lit::Num(ast::Number {
-                    value: 3.0,
+                  obj: Box::new(Ident(Ident::new(js_word!("arguments"), DUMMY_SP))),
+                  prop: MemberProp::Computed(ComputedPropName {
                     span: DUMMY_SP,
-                  }))),
-                  computed: true,
+                    expr: Box::new(Lit(ast::Lit::Num(ast::Number {
+                      value: 3.0,
+                      span: DUMMY_SP,
+                    }))),
+                  }),
                   span: DUMMY_SP,
                 }),
               ),
diff --git a/packages/transformers/js/core/src/hoist.rs b/packages/transformers/js/core/src/hoist.rs
index 02e17bce0b1..f4c71995c17 100644
--- a/packages/transformers/js/core/src/hoist.rs
+++ b/packages/transformers/js/core/src/hoist.rs
@@ -1,4 +1,4 @@
-use crate::utils::match_property_name;
+use crate::utils::{match_export_name, match_export_name_ident, match_property_name};
 use serde::{Deserialize, Serialize};
 use std::collections::hash_map::DefaultHasher;
 use std::collections::{HashMap, HashSet};
@@ -206,13 +206,13 @@ impl<'a> Fold for Hoist<'a> {
                   match specifier {
                     ExportSpecifier::Named(named) => {
                       let exported = match named.exported {
-                        Some(exported) => exported.sym,
-                        None => named.orig.sym.clone(),
+                        Some(exported) => match_export_name(&exported).0,
+                        None => match_export_name(&named.orig).0.clone(),
                       };
                       self.re_exports.push(ImportedSymbol {
                         source: src.value.clone(),
                         local: exported,
-                        imported: named.orig.sym,
+                        imported: match_export_name(&named.orig).0,
                         loc: SourceLocation::from(&self.collect.source_map, named.span),
                       });
                     }
@@ -227,7 +227,7 @@ impl<'a> Fold for Hoist<'a> {
                     ExportSpecifier::Namespace(namespace) => {
                       self.re_exports.push(ImportedSymbol {
                         source: src.value.clone(),
-                        local: namespace.name.sym,
+                        local: match_export_name(&namespace.name).0,
                         imported: "*".into(),
                         loc: SourceLocation::from(&self.collect.source_map, namespace.span),
                       });
@@ -237,10 +237,10 @@ impl<'a> Fold for Hoist<'a> {
               } else {
                 for specifier in export.specifiers {
                   if let ExportSpecifier::Named(named) = specifier {
-                    let id = id!(named.orig);
+                    let id = id!(match_export_name_ident(&named.orig));
                     let exported = match named.exported {
-                      Some(exported) => exported.sym,
-                      None => named.orig.sym,
+                      Some(exported) => match_export_name(&exported).0,
+                      None => match_export_name(&named.orig).0,
                     };
                     if let Some(Import {
                       source, specifier, ..
@@ -406,46 +406,44 @@ impl<'a> Fold for Hoist<'a> {
                       }
 
                       if let Expr::Member(member) = &**init {
-                        if let ExprOrSuper::Expr(expr) = &member.obj {
-                          // Match var x = require('foo').bar;
-                          if let Some(source) =
-                            match_require(&*expr, &self.collect.decls, self.collect.ignore_mark)
-                          {
-                            if !self.collect.non_static_requires.contains(&source) {
-                              // If this is not the first declarator in the variable declaration, we need to
-                              // split the declaration into multiple to preserve side effect ordering.
-                              // var x = sideEffect(), y = require('foo').bar, z = 2;
-                              //   -> var x = sideEffect(); import 'foo'; var y = $id$import$foo$bar, z = 2;
-                              if !decls.is_empty() {
-                                let var = VarDecl {
-                                  span: var.span,
-                                  kind: var.kind,
-                                  declare: var.declare,
-                                  decls: std::mem::take(&mut decls),
-                                };
-                                self
-                                  .module_items
-                                  .push(ModuleItem::Stmt(Stmt::Decl(Decl::Var(var))));
-                              }
-
+                        // Match var x = require('foo').bar;
+                        if let Some(source) =
+                          match_require(&*member.obj, &self.collect.decls, self.collect.ignore_mark)
+                        {
+                          if !self.collect.non_static_requires.contains(&source) {
+                            // If this is not the first declarator in the variable declaration, we need to
+                            // split the declaration into multiple to preserve side effect ordering.
+                            // var x = sideEffect(), y = require('foo').bar, z = 2;
+                            //   -> var x = sideEffect(); import 'foo'; var y = $id$import$foo$bar, z = 2;
+                            if !decls.is_empty() {
+                              let var = VarDecl {
+                                span: var.span,
+                                kind: var.kind,
+                                declare: var.declare,
+                                decls: std::mem::take(&mut decls),
+                              };
                               self
                                 .module_items
-                                .push(ModuleItem::ModuleDecl(ModuleDecl::Import(ImportDecl {
-                                  specifiers: vec![],
-                                  asserts: None,
-                                  span: DUMMY_SP,
-                                  src: Str {
-                                    value: format!("{}:{}", self.module_id, source).into(),
-                                    span: DUMMY_SP,
-                                    kind: StrKind::Synthesized,
-                                    has_escape: false,
-                                  },
-                                  type_only: false,
-                                })));
-
-                              self.handle_non_const_require(v, &source);
-                              continue;
+                                .push(ModuleItem::Stmt(Stmt::Decl(Decl::Var(var))));
                             }
+
+                            self
+                              .module_items
+                              .push(ModuleItem::ModuleDecl(ModuleDecl::Import(ImportDecl {
+                                specifiers: vec![],
+                                asserts: None,
+                                span: DUMMY_SP,
+                                src: Str {
+                                  value: format!("{}:{}", self.module_id, source).into(),
+                                  span: DUMMY_SP,
+                                  kind: StrKind::Synthesized,
+                                  has_escape: false,
+                                },
+                                type_only: false,
+                              })));
+
+                            self.handle_non_const_require(v, &source);
+                            continue;
                           }
                         }
                       }
@@ -541,110 +539,101 @@ impl<'a> Fold for Hoist<'a> {
           }
         }
 
-        let key = match &*member.prop {
-          Expr::Ident(ident) => {
-            if !member.computed {
-              ident.sym.clone()
-            } else {
-              return Expr::Member(member.fold_children_with(self));
-            }
-          }
-          Expr::Lit(Lit::Str(str_)) => str_.value.clone(),
+        let key = match match_property_name(&member) {
+          Some(v) => v.0,
           _ => return Expr::Member(member.fold_children_with(self)),
         };
 
-        if let ExprOrSuper::Expr(ref expr) = member.obj {
-          match &**expr {
-            Expr::Ident(ident) => {
-              // import * as y from 'x'; OR const y = require('x'); OR const y = await import('x');
-              // y.foo -> $id$import$d141bba7fdc215a3$y
-              if let Some(Import {
-                source,
-                specifier,
-                kind,
-                ..
-              }) = self.collect.imports.get(&id!(ident))
+        match &*member.obj {
+          Expr::Ident(ident) => {
+            // import * as y from 'x'; OR const y = require('x'); OR const y = await import('x');
+            // y.foo -> $id$import$d141bba7fdc215a3$y
+            if let Some(Import {
+              source,
+              specifier,
+              kind,
+              ..
+            }) = self.collect.imports.get(&id!(ident))
+            {
+              // If there are any non-static accesses of the namespace, don't perform any replacement.
+              // This will be handled in the Ident visitor below, which replaces y -> $id$import$d141bba7fdc215a3.
+              if specifier == "*"
+                && !self.collect.non_static_access.contains_key(&id!(ident))
+                && !self.collect.non_const_bindings.contains_key(&id!(ident))
+                && !self.collect.non_static_requires.contains(source)
               {
-                // If there are any non-static accesses of the namespace, don't perform any replacement.
-                // This will be handled in the Ident visitor below, which replaces y -> $id$import$d141bba7fdc215a3.
-                if specifier == "*"
-                  && !self.collect.non_static_access.contains_key(&id!(ident))
-                  && !self.collect.non_const_bindings.contains_key(&id!(ident))
-                  && !self.collect.non_static_requires.contains(source)
-                {
-                  if *kind == ImportKind::DynamicImport {
-                    let name: JsWord = format!(
-                      "${}$importAsync${:x}${:x}",
-                      self.module_id,
-                      hash!(source),
-                      hash!(key)
-                    )
-                    .into();
-                    self.imported_symbols.push(ImportedSymbol {
-                      source: source.clone(),
-                      local: name,
-                      imported: key.clone(),
-                      loc: SourceLocation::from(&self.collect.source_map, member.span),
-                    });
-                  } else {
-                    return Expr::Ident(self.get_import_ident(
-                      member.span,
-                      source,
-                      &key,
-                      SourceLocation::from(&self.collect.source_map, member.span),
-                    ));
-                  }
+                if *kind == ImportKind::DynamicImport {
+                  let name: JsWord = format!(
+                    "${}$importAsync${:x}${:x}",
+                    self.module_id,
+                    hash!(source),
+                    hash!(key)
+                  )
+                  .into();
+                  self.imported_symbols.push(ImportedSymbol {
+                    source: source.clone(),
+                    local: name,
+                    imported: key.clone(),
+                    loc: SourceLocation::from(&self.collect.source_map, member.span),
+                  });
+                } else {
+                  return Expr::Ident(self.get_import_ident(
+                    member.span,
+                    source,
+                    &key,
+                    SourceLocation::from(&self.collect.source_map, member.span),
+                  ));
                 }
               }
+            }
 
-              // exports.foo -> $id$export$foo
-              let exports: JsWord = "exports".into();
-              if ident.sym == exports
-                && !self.collect.decls.contains(&id!(ident))
-                && self.collect.static_cjs_exports
-                && !self.collect.should_wrap
-              {
-                self.self_references.insert(key.clone());
-                return Expr::Ident(self.get_export_ident(member.span, &key));
-              }
+            // exports.foo -> $id$export$foo
+            let exports: JsWord = "exports".into();
+            if ident.sym == exports
+              && !self.collect.decls.contains(&id!(ident))
+              && self.collect.static_cjs_exports
+              && !self.collect.should_wrap
+            {
+              self.self_references.insert(key.clone());
+              return Expr::Ident(self.get_export_ident(member.span, &key));
             }
-            Expr::Call(_call) => {
-              // require('foo').bar -> $id$import$foo$bar
-              if let Some(source) =
-                match_require(expr, &self.collect.decls, self.collect.ignore_mark)
-              {
-                self.add_require(&source);
-                return Expr::Ident(self.get_import_ident(
-                  member.span,
-                  &source,
-                  &key,
-                  SourceLocation::from(&self.collect.source_map, member.span),
-                ));
-              }
+          }
+          Expr::Call(_call) => {
+            // require('foo').bar -> $id$import$foo$bar
+            if let Some(source) =
+              match_require(&member.obj, &self.collect.decls, self.collect.ignore_mark)
+            {
+              self.add_require(&source);
+              return Expr::Ident(self.get_import_ident(
+                member.span,
+                &source,
+                &key,
+                SourceLocation::from(&self.collect.source_map, member.span),
+              ));
             }
-            Expr::Member(mem) => {
-              // module.exports.foo -> $id$export$foo
-              if self.collect.static_cjs_exports
-                && !self.collect.should_wrap
-                && match_member_expr(mem, vec!["module", "exports"], &self.collect.decls)
-              {
-                self.self_references.insert(key.clone());
-                return Expr::Ident(self.get_export_ident(member.span, &key));
-              }
+          }
+          Expr::Member(mem) => {
+            // module.exports.foo -> $id$export$foo
+            if self.collect.static_cjs_exports
+              && !self.collect.should_wrap
+              && match_member_expr(mem, vec!["module", "exports"], &self.collect.decls)
+            {
+              self.self_references.insert(key.clone());
+              return Expr::Ident(self.get_export_ident(member.span, &key));
             }
-            Expr::This(_) => {
-              // this.foo -> $id$export$foo
-              if self.collect.static_cjs_exports
-                && !self.collect.should_wrap
-                && !self.in_function_scope
-                && !self.collect.is_esm
-              {
-                self.self_references.insert(key.clone());
-                return Expr::Ident(self.get_export_ident(member.span, &key));
-              }
+          }
+          Expr::This(_) => {
+            // this.foo -> $id$export$foo
+            if self.collect.static_cjs_exports
+              && !self.collect.should_wrap
+              && !self.in_function_scope
+              && !self.collect.is_esm
+            {
+              self.self_references.insert(key.clone());
+              return Expr::Ident(self.get_export_ident(member.span, &key));
             }
-            _ => {}
           }
+          _ => {}
         }
 
         // Don't visit member.prop so we avoid the ident visitor.
@@ -652,7 +641,6 @@ impl<'a> Fold for Hoist<'a> {
           span: member.span,
           obj: member.obj.fold_with(self),
           prop: member.prop,
-          computed: member.computed,
         });
       }
       Expr::Call(ref call) => {
@@ -845,17 +833,14 @@ impl<'a> Fold for Hoist<'a> {
         };
       }
 
-      let is_cjs_exports = match &member.obj {
-        ExprOrSuper::Expr(expr) => match &**expr {
-          Expr::Member(member) => {
-            match_member_expr(member, vec!["module", "exports"], &self.collect.decls)
-          }
-          Expr::Ident(ident) => {
-            let exports: JsWord = "exports".into();
-            ident.sym == exports && !self.collect.decls.contains(&id!(ident))
-          }
-          _ => false,
-        },
+      let is_cjs_exports = match &*member.obj {
+        Expr::Member(member) => {
+          match_member_expr(member, vec!["module", "exports"], &self.collect.decls)
+        }
+        Expr::Ident(ident) => {
+          let exports: JsWord = "exports".into();
+          ident.sym == exports && !self.collect.decls.contains(&id!(ident))
+        }
         _ => false,
       };
 
@@ -898,9 +883,8 @@ impl<'a> Fold for Hoist<'a> {
           } else {
             PatOrExpr::Pat(Box::new(Pat::Expr(Box::new(Expr::Member(MemberExpr {
               span: member.span,
-              obj: ExprOrSuper::Expr(Box::new(Expr::Ident(ident.id))),
+              obj: Box::new(Expr::Ident(ident.id)),
               prop: member.prop.clone().fold_with(self),
-              computed: member.computed,
             })))))
           },
           right: node.right.fold_with(self),
@@ -1337,7 +1321,7 @@ impl Visit for Collect {
       match specifier {
         ImportSpecifier::Named(named) => {
           let imported = match &named.imported {
-            Some(imported) => imported.sym.clone(),
+            Some(imported) => match_export_name(imported).0.clone(),
             None => named.local.sym.clone(),
           };
           self.imports.insert(
@@ -1382,22 +1366,22 @@ impl Visit for Collect {
       match specifier {
         ExportSpecifier::Named(named) => {
           let exported = match &named.exported {
-            Some(exported) => exported.clone(),
-            None => named.orig.clone(),
+            Some(exported) => match_export_name(exported),
+            None => match_export_name(&named.orig),
           };
           self.exports.insert(
-            exported.sym.clone(),
+            exported.0.clone(),
             Export {
-              specifier: named.orig.sym.clone(),
-              loc: SourceLocation::from(&self.source_map, exported.span),
+              specifier: match_export_name_ident(&named.orig).sym.clone(),
+              loc: SourceLocation::from(&self.source_map, exported.1),
               source,
             },
           );
           if node.src.is_none() {
             self
               .exports_locals
-              .entry(named.orig.sym.clone())
-              .or_insert_with(|| exported.sym.clone());
+              .entry(match_export_name_ident(&named.orig).sym.clone())
+              .or_insert_with(|| exported.0.clone());
           }
         }
         ExportSpecifier::Default(default) => {
@@ -1418,7 +1402,7 @@ impl Visit for Collect {
         }
         ExportSpecifier::Namespace(namespace) => {
           self.exports.insert(
-            namespace.name.sym.clone(),
+            match_export_name(&namespace.name).0,
             Export {
               specifier: "*".into(),
               loc: SourceLocation::from(&self.source_map, namespace.span),
@@ -1654,45 +1638,43 @@ impl Visit for Collect {
       };
     }
 
-    if let ExprOrSuper::Expr(expr) = &node.obj {
-      match &**expr {
-        Expr::Member(member) => {
-          if match_member_expr(member, vec!["module", "exports"], &self.decls) {
-            handle_export!();
-          }
-          return;
+    match &*node.obj {
+      Expr::Member(member) => {
+        if match_member_expr(member, vec!["module", "exports"], &self.decls) {
+          handle_export!();
+        }
+        return;
+      }
+      Expr::Ident(ident) => {
+        let exports: JsWord = "exports".into();
+        if ident.sym == exports && !self.decls.contains(&id!(ident)) {
+          handle_export!();
         }
-        Expr::Ident(ident) => {
-          let exports: JsWord = "exports".into();
-          if ident.sym == exports && !self.decls.contains(&id!(ident)) {
-            handle_export!();
-          }
 
-          if ident.sym == js_word!("module") && !self.decls.contains(&id!(ident)) {
-            self.has_cjs_exports = true;
-            self.static_cjs_exports = false;
-            self.should_wrap = true;
-            self.add_bailout(node.span, BailoutReason::FreeModule);
-          }
+        if ident.sym == js_word!("module") && !self.decls.contains(&id!(ident)) {
+          self.has_cjs_exports = true;
+          self.static_cjs_exports = false;
+          self.should_wrap = true;
+          self.add_bailout(node.span, BailoutReason::FreeModule);
+        }
 
-          // `import` isn't really an identifier...
-          if match_property_name(node).is_none() && ident.sym != js_word!("import") {
-            self
-              .non_static_access
-              .entry(id!(ident))
-              .or_default()
-              .push(node.span);
-          }
-          return;
+        // `import` isn't really an identifier...
+        if match_property_name(node).is_none() && ident.sym != js_word!("import") {
+          self
+            .non_static_access
+            .entry(id!(ident))
+            .or_default()
+            .push(node.span);
         }
-        Expr::This(_this) => {
-          if self.in_module_this {
-            handle_export!();
-          }
-          return;
+        return;
+      }
+      Expr::This(_this) => {
+        if self.in_module_this {
+          handle_export!();
         }
-        _ => {}
+        return;
       }
+      _ => {}
     }
 
     node.visit_children_with(self);
@@ -1822,43 +1804,32 @@ impl Visit for Collect {
 
       match &**init {
         Expr::Member(member) => {
-          if let ExprOrSuper::Expr(expr) = &member.obj {
-            if let Some(source) = self.match_require(&*expr) {
-              // Convert member expression on require to a destructuring assignment.
-              // const yx = require('y').x; -> const {x: yx} = require('x');
-              let key = match &*member.prop {
-                Expr::Ident(ident) => {
-                  if !member.computed {
-                    PropName::Ident(ident.clone())
-                  } else {
-                    PropName::Computed(ComputedPropName {
-                      span: DUMMY_SP,
-                      expr: Box::new(*expr.clone()),
-                    })
-                  }
-                }
-                Expr::Lit(Lit::Str(str_)) => PropName::Str(str_.clone()),
-                _ => PropName::Computed(ComputedPropName {
-                  span: DUMMY_SP,
-                  expr: Box::new(*expr.clone()),
-                }),
-              };
+          if let Some(source) = self.match_require(&*member.obj) {
+            // Convert member expression on require to a destructuring assignment.
+            // const yx = require('y').x; -> const {x: yx} = require('x');
+            let key = match &member.prop {
+              MemberProp::Computed(_) => PropName::Computed(ComputedPropName {
+                span: DUMMY_SP,
+                expr: Box::new(*member.obj.clone()),
+              }),
+              MemberProp::Ident(ident) => PropName::Ident(ident.clone()),
+              _ => unreachable!(),
+            };
 
-              self.add_pat_imports(
-                &Pat::Object(ObjectPat {
-                  optional: false,
-                  span: DUMMY_SP,
-                  type_ann: None,
-                  props: vec![ObjectPatProp::KeyValue(KeyValuePatProp {
-                    key,
-                    value: Box::new(node.name.clone()),
-                  })],
-                }),
-                &source,
-                ImportKind::Require,
-              );
-              return;
-            }
+            self.add_pat_imports(
+              &Pat::Object(ObjectPat {
+                optional: false,
+                span: DUMMY_SP,
+                type_ann: None,
+                props: vec![ObjectPatProp::KeyValue(KeyValuePatProp {
+                  key,
+                  value: Box::new(node.name.clone()),
+                })],
+              }),
+              &source,
+              ImportKind::Require,
+            );
+            return;
           }
         }
         Expr::Await(await_exp) => {
@@ -1882,7 +1853,7 @@ impl Visit for Collect {
   }
 
   fn visit_call_expr(&mut self, node: &CallExpr) {
-    if let ExprOrSuper::Expr(expr) = &node.callee {
+    if let Callee::Expr(expr) = &node.callee {
       match &**expr {
         Expr::Ident(ident) => {
           if ident.sym == js_word!("eval") && !self.decls.contains(&id!(ident)) {
@@ -1892,34 +1863,26 @@ impl Visit for Collect {
         }
         Expr::Member(member) => {
           // import('foo').then(foo => ...);
-          if let ExprOrSuper::Expr(obj) = &member.obj {
-            if let Some(source) = match_import(&*obj, self.ignore_mark) {
-              let then: JsWord = "then".into();
-              let is_then = match &*member.prop {
-                Expr::Ident(ident) => !member.computed && ident.sym == then,
-                Expr::Lit(Lit::Str(str)) => str.value == then,
-                _ => false,
-              };
-
-              if is_then {
-                if let Some(ExprOrSpread { expr, .. }) = node.args.get(0) {
-                  let param = match &**expr {
-                    Expr::Fn(func) => func.function.params.get(0).map(|param| &param.pat),
-                    Expr::Arrow(arrow) => arrow.params.get(0),
-                    _ => None,
-                  };
-
-                  if let Some(param) = param {
-                    self.add_pat_imports(param, &source, ImportKind::DynamicImport);
-                  } else {
-                    self.non_static_requires.insert(source.clone());
-                    self.wrapped_requires.insert(source);
-                    self.add_bailout(node.span, BailoutReason::NonStaticDynamicImport);
-                  }
+          if let Some(source) = match_import(&*member.obj, self.ignore_mark) {
+            let then: JsWord = "then".into();
+            if match_property_name(member).map_or(false, |f| f.0 == then) {
+              if let Some(ExprOrSpread { expr, .. }) = node.args.get(0) {
+                let param = match &**expr {
+                  Expr::Fn(func) => func.function.params.get(0).map(|param| &param.pat),
+                  Expr::Arrow(arrow) => arrow.params.get(0),
+                  _ => None,
+                };
 
-                  expr.visit_with(self);
-                  return;
+                if let Some(param) = param {
+                  self.add_pat_imports(param, &source, ImportKind::DynamicImport);
+                } else {
+                  self.non_static_requires.insert(source.clone());
+                  self.wrapped_requires.insert(source);
+                  self.add_bailout(node.span, BailoutReason::NonStaticDynamicImport);
                 }
+
+                expr.visit_with(self);
+                return;
               }
             }
           }
diff --git a/packages/transformers/js/core/src/lib.rs b/packages/transformers/js/core/src/lib.rs
index 3e9c161f629..1ec1f8c50d3 100644
--- a/packages/transformers/js/core/src/lib.rs
+++ b/packages/transformers/js/core/src/lib.rs
@@ -35,6 +35,7 @@ use swc_ecmascript::codegen::text_writer::JsWriter;
 use swc_ecmascript::parser::lexer::Lexer;
 use swc_ecmascript::parser::{EsConfig, PResult, Parser, StringInput, Syntax, TsConfig};
 use swc_ecmascript::preset_env::{preset_env, Mode::Entry, Targets, Version, Versions};
+use swc_ecmascript::transforms::fixer::paren_remover;
 use swc_ecmascript::transforms::resolver::resolver_with_mark;
 use swc_ecmascript::transforms::{
   compat::reserved_words::reserved_words, fixer, helpers, hygiene,
@@ -340,6 +341,7 @@ pub fn transform(config: Config) -> Result<TransformResult, std::io::Error> {
                   },
                   config.source_type != SourceType::Script
                 ),
+                paren_remover(Some(&comments)),
                 // Simplify expressions and remove dead branches so that we
                 // don't include dependencies inside conditionals that are always false.
                 expr_simplifier(Default::default()),
@@ -379,7 +381,12 @@ pub fn transform(config: Config) -> Result<TransformResult, std::io::Error> {
                 ),
                 // Transpile new syntax to older syntax if needed
                 Optional::new(
-                  preset_env(global_mark, Some(&comments), preset_env_config),
+                  preset_env(
+                    global_mark,
+                    Some(&comments),
+                    preset_env_config,
+                    Default::default()
+                  ),
                   config.targets.is_some()
                 ),
                 // Inject SWC helpers if needed.
@@ -503,6 +510,7 @@ fn parse(
     Syntax::Es(EsConfig {
       jsx: config.is_jsx,
       export_default_from: true,
+      static_blocks: true,
       decorators: config.decorators,
       ..Default::default()
     })
diff --git a/packages/transformers/js/core/src/modules.rs b/packages/transformers/js/core/src/modules.rs
index 7ef2ce3f43b..1a9567715fb 100644
--- a/packages/transformers/js/core/src/modules.rs
+++ b/packages/transformers/js/core/src/modules.rs
@@ -1,3 +1,5 @@
+use crate::id;
+use crate::utils::{match_export_name, match_export_name_ident, IdentId};
 use inflector::Inflector;
 use std::collections::{HashMap, HashSet};
 use swc_atoms::JsWord;
@@ -8,13 +10,6 @@ use swc_ecmascript::visit::{Fold, FoldWith};
 
 use crate::fold_member_expr_skip_prop;
 
-type IdentId = (JsWord, SyntaxContext);
-macro_rules! id {
-  ($ident: expr) => {
-    ($ident.sym.clone(), $ident.span.ctxt)
-  };
-}
-
 pub fn esm2cjs(node: Module, versions: Option<Versions>) -> (Module, bool) {
   let mut fold = ESMFold {
     imports: HashMap::new(),
@@ -138,10 +133,9 @@ impl ESMFold {
     self.needs_helpers = true;
     let ident = Ident::new("parcelHelpers".into(), DUMMY_SP.apply_mark(self.mark));
     Expr::Call(CallExpr {
-      callee: ExprOrSuper::Expr(Box::new(Expr::Member(MemberExpr {
-        obj: ExprOrSuper::Expr(Box::new(Expr::Ident(ident))),
-        prop: Box::new(Expr::Ident(Ident::new(name, DUMMY_SP))),
-        computed: false,
+      callee: Callee::Expr(Box::new(Expr::Member(MemberExpr {
+        obj: Box::new(Expr::Ident(ident)),
+        prop: MemberProp::Ident(Ident::new(name, DUMMY_SP)),
         span: DUMMY_SP,
       }))),
       args: args
@@ -218,12 +212,8 @@ impl ESMFold {
       expr: Box::new(Expr::Assign(AssignExpr {
         op: AssignOp::Assign,
         left: PatOrExpr::Expr(Box::new(Expr::Member(MemberExpr {
-          obj: ExprOrSuper::Expr(Box::new(Expr::Ident(Ident::new(
-            "exports".into(),
-            DUMMY_SP,
-          )))),
-          prop: Box::new(Expr::Ident(Ident::new(name, DUMMY_SP))),
-          computed: false,
+          obj: Box::new(Expr::Ident(Ident::new("exports".into(), DUMMY_SP))),
+          prop: MemberProp::Ident(Ident::new(name, DUMMY_SP)),
           span: DUMMY_SP,
         }))),
         right: Box::new(right),
@@ -246,9 +236,8 @@ impl ESMFold {
     };
 
     Expr::Member(MemberExpr {
-      obj: ExprOrSuper::Expr(Box::new(Expr::Ident(obj))),
-      prop: Box::new(Expr::Ident(Ident::new(imported.clone(), DUMMY_SP))),
-      computed: false,
+      obj: Box::new(Expr::Ident(obj)),
+      prop: MemberProp::Ident(Ident::new(imported.clone(), DUMMY_SP)),
       span,
     })
   }
@@ -281,7 +270,7 @@ impl Fold for ESMFold {
             match specifier {
               ImportSpecifier::Named(named) => {
                 let imported = match &named.imported {
-                  Some(imported) => imported.sym.clone(),
+                  Some(imported) => match_export_name(imported).0.clone(),
                   None => named.local.sym.clone(),
                 };
                 self.imports.insert(
@@ -340,13 +329,16 @@ impl Fold for ESMFold {
                         None => named.orig.clone(),
                       };
 
-                      if named.orig.sym == js_word!("default") {
+                      if match_export_name(&named.orig).0 == js_word!("default") {
                         self.create_interop_default(src.value.clone());
                       }
 
-                      let specifier =
-                        self.create_import_access(&src.value, &named.orig.sym, DUMMY_SP);
-                      self.create_export(exported.sym, specifier, export.span);
+                      let specifier = self.create_import_access(
+                        &src.value,
+                        &match_export_name(&named.orig).0,
+                        DUMMY_SP,
+                      );
+                      self.create_export(match_export_name(&exported).0, specifier, export.span);
                     }
                     ExportSpecifier::Default(default) => {
                       self.create_interop_default(src.value.clone());
@@ -357,7 +349,7 @@ impl Fold for ESMFold {
                     ExportSpecifier::Namespace(namespace) => {
                       let local = self.get_require_name(&src.value, DUMMY_SP);
                       self.create_export(
-                        namespace.name.sym.clone(),
+                        match_export_name(&namespace.name).0,
                         Expr::Ident(local),
                         export.span,
                       )
@@ -371,17 +363,21 @@ impl Fold for ESMFold {
                       Some(exported) => exported.clone(),
                       None => named.orig.clone(),
                     };
+                    let orig = match_export_name_ident(&named.orig);
 
                     // Handle import {foo} from 'bar'; export {foo};
-                    let value = if let Some((source, imported)) =
-                      self.imports.get(&id!(named.orig)).cloned()
-                    {
-                      self.create_import_access(&source, &imported, named.orig.span)
-                    } else {
-                      Expr::Ident(named.orig.clone())
-                    };
+                    let value =
+                      if let Some((source, imported)) = self.imports.get(&id!(orig)).cloned() {
+                        self.create_import_access(
+                          &source,
+                          &imported,
+                          match_export_name(&named.orig).1,
+                        )
+                      } else {
+                        Expr::Ident(orig.clone())
+                      };
 
-                    self.create_export(exported.sym, value, export.span);
+                    self.create_export(match_export_name(&exported).0, value, export.span);
                   }
                 }
               }
diff --git a/packages/transformers/js/core/src/utils.rs b/packages/transformers/js/core/src/utils.rs
index 0e8924ead1b..0effc0463b7 100644
--- a/packages/transformers/js/core/src/utils.rs
+++ b/packages/transformers/js/core/src/utils.rs
@@ -11,21 +11,21 @@ pub fn match_member_expr(
   idents: Vec<&str>,
   decls: &HashSet<(JsWord, SyntaxContext)>,
 ) -> bool {
-  use ast::{Expr::*, ExprOrSuper::*, Ident, Lit, Str};
+  use ast::{Expr, Ident, Lit, MemberProp, Str};
 
   let mut member = expr;
   let mut idents = idents;
   while idents.len() > 1 {
     let expected = idents.pop().unwrap();
-    let prop = match &*member.prop {
-      Lit(Lit::Str(Str { value: ref sym, .. })) => sym,
-      Ident(Ident { ref sym, .. }) => {
-        if member.computed {
+    let prop = match &member.prop {
+      MemberProp::Computed(comp) => {
+        if let Expr::Lit(Lit::Str(Str { value: ref sym, .. })) = *comp.expr {
+          sym
+        } else {
           return false;
         }
-
-        sym
       }
+      MemberProp::Ident(Ident { ref sym, .. }) => sym,
       _ => return false,
     };
 
@@ -33,16 +33,13 @@ pub fn match_member_expr(
       return false;
     }
 
-    match &member.obj {
-      Expr(expr) => match &**expr {
-        Member(m) => member = m,
-        Ident(Ident { ref sym, span, .. }) => {
-          return idents.len() == 1
-            && sym == idents.pop().unwrap()
-            && !decls.contains(&(sym.clone(), span.ctxt()));
-        }
-        _ => return false,
-      },
+    match &*member.obj {
+      Expr::Member(m) => member = m,
+      Expr::Ident(Ident { ref sym, span, .. }) => {
+        return idents.len() == 1
+          && sym == idents.pop().unwrap()
+          && !decls.contains(&(sym.clone(), span.ctxt()));
+      }
       _ => return false,
     }
   }
@@ -57,7 +54,7 @@ pub fn create_require(specifier: swc_atoms::JsWord) -> ast::CallExpr {
   }
 
   ast::CallExpr {
-    callee: ast::ExprOrSuper::Expr(Box::new(ast::Expr::Ident(ast::Ident::new(
+    callee: ast::Callee::Expr(Box::new(ast::Expr::Ident(ast::Ident::new(
       "require".into(),
       DUMMY_SP,
     )))),
@@ -104,21 +101,26 @@ pub fn match_str(node: &ast::Expr) -> Option<(JsWord, Span)> {
   }
 }
 
-pub fn match_str_or_ident(node: &ast::Expr) -> Option<(JsWord, Span)> {
-  use ast::*;
-
-  if let Expr::Ident(id) = node {
-    return Some((id.sym.clone(), id.span));
+pub fn match_property_name(node: &ast::MemberExpr) -> Option<(JsWord, Span)> {
+  match &node.prop {
+    ast::MemberProp::Computed(s) => match_str(&*s.expr),
+    ast::MemberProp::Ident(id) => Some((id.sym.clone(), id.span)),
+    ast::MemberProp::PrivateName(_) => None,
   }
+}
 
-  match_str(node)
+pub fn match_export_name(name: &ast::ModuleExportName) -> (JsWord, Span) {
+  match name {
+    ast::ModuleExportName::Ident(id) => (id.sym.clone(), id.span),
+    ast::ModuleExportName::Str(s) => (s.value.clone(), s.span),
+  }
 }
 
-pub fn match_property_name(node: &ast::MemberExpr) -> Option<(JsWord, Span)> {
-  if node.computed {
-    match_str(&*node.prop)
-  } else {
-    match_str_or_ident(&*node.prop)
+/// Properties like `ExportNamedSpecifier::orig` have to be an Ident if `src` is `None`
+pub fn match_export_name_ident(name: &ast::ModuleExportName) -> &ast::Ident {
+  match name {
+    ast::ModuleExportName::Ident(id) => id,
+    ast::ModuleExportName::Str(_) => unreachable!(),
   }
 }
 
@@ -131,7 +133,7 @@ pub fn match_require(
 
   match node {
     Expr::Call(call) => match &call.callee {
-      ExprOrSuper::Expr(expr) => match &**expr {
+      Callee::Expr(expr) => match &**expr {
         Expr::Ident(ident) => {
           if ident.sym == js_word!("require")
             && !decls.contains(&(ident.sym.clone(), ident.span.ctxt))
@@ -166,18 +168,12 @@ pub fn match_import(node: &ast::Expr, ignore_mark: Mark) -> Option<JsWord> {
 
   match node {
     Expr::Call(call) => match &call.callee {
-      ExprOrSuper::Expr(expr) => match &**expr {
-        Expr::Ident(ident) => {
-          if ident.sym == js_word!("import") && !is_marked(ident.span, ignore_mark) {
-            if let Some(arg) = call.args.get(0) {
-              return match_str(&*arg.expr).map(|(name, _)| name);
-            }
-          }
-
-          None
+      Callee::Import(ident) if !is_marked(ident.span, ignore_mark) => {
+        if let Some(arg) = call.args.get(0) {
+          return match_str(&*arg.expr).map(|(name, _)| name);
         }
-        _ => None,
-      },
+        None
+      }
       _ => None,
     },
     _ => None,
@@ -345,7 +341,7 @@ macro_rules! fold_member_expr_skip_prop {
     ) -> swc_ecmascript::ast::MemberExpr {
       node.obj = node.obj.fold_with(self);
 
-      if node.computed {
+      if let swc_ecmascript::ast::MemberProp::Computed(_) = node.prop {
         node.prop = node.prop.fold_with(self);
       }
 
diff --git a/packages/transformers/js/package.json b/packages/transformers/js/package.json
index aa78ddbff7f..1538f4973e7 100644
--- a/packages/transformers/js/package.json
+++ b/packages/transformers/js/package.json
@@ -35,12 +35,12 @@
     "@parcel/source-map": "^2.0.0",
     "@parcel/utils": "2.0.20",
     "@parcel/workers": "2.0.20",
-    "@swc/helpers": "^0.2.11",
+    "@swc/helpers": "^0.3.6",
     "browserslist": "^4.6.6",
     "detect-libc": "^1.0.3",
     "nullthrows": "^1.1.1",
     "regenerator-runtime": "^0.13.7",
-    "self-published": "npm:@parcel/transformer-js@2.0.0-nightly.1012",
+    "self-published": "npm:@parcel/transformer-js@2.0.0-nightly.1031",
     "semver": "^5.7.1"
   },
   "devDependencies": {
diff --git a/packages/transformers/js/src/JSTransformer.js b/packages/transformers/js/src/JSTransformer.js
index 2f075fe4078..1e73b51966f 100644
--- a/packages/transformers/js/src/JSTransformer.js
+++ b/packages/transformers/js/src/JSTransformer.js
@@ -22,7 +22,7 @@ const JSX_PRAGMA = {
   react: {
     pragma: 'React.createElement',
     pragmaFrag: 'React.Fragment',
-    automatic: '>= 17.0.0 || >= 0.0.0-0 < 0.0.0',
+    automatic: '>= 17.0.0 || ^16.14.0 || >= 0.0.0-0 < 0.0.0',
   },
   preact: {
     pragma: 'h',
diff --git a/packages/transformers/postcss/package.json b/packages/transformers/postcss/package.json
index b00f3522e12..2ee8a38cd79 100644
--- a/packages/transformers/postcss/package.json
+++ b/packages/transformers/postcss/package.json
@@ -20,6 +20,7 @@
     "parcel": "^2.0.1"
   },
   "dependencies": {
+    "@parcel/diagnostic": "2.0.20",
     "@parcel/hash": "2.0.20",
     "@parcel/plugin": "2.0.20",
     "@parcel/utils": "2.0.20",
@@ -29,6 +30,7 @@
     "semver": "^5.7.1"
   },
   "devDependencies": {
-    "postcss": "^8.4.5"
+    "postcss": "^8.4.5",
+    "postcss-modules": "^4.3.1"
   }
 }
diff --git a/packages/transformers/postcss/src/PostCSSTransformer.js b/packages/transformers/postcss/src/PostCSSTransformer.js
index fd341c2be60..8566c1d0da0 100644
--- a/packages/transformers/postcss/src/PostCSSTransformer.js
+++ b/packages/transformers/postcss/src/PostCSSTransformer.js
@@ -13,6 +13,7 @@ import typeof * as Postcss from 'postcss';
 
 import {load} from './loadConfig';
 import {POSTCSS_RANGE} from './constants';
+import {md, generateJSONCodeHighlights} from '@parcel/diagnostic';
 
 const COMPOSES_RE = /composes:.+from\s*("|').*("|')\s*;?/;
 const FROM_IMPORT_RE = /.+from\s*(?:"|')(.*)(?:"|')\s*;?/;
@@ -49,11 +50,13 @@ export default (new Transformer({
     };
   },
 
-  async transform({asset, config, options, resolve}) {
+  async transform({asset, config, options, resolve, logger}) {
     asset.type = 'css';
     let isLegacy = await isLegacyCssModule(asset);
     if (isLegacy && !config) {
       config = {
+        raw: {},
+        filePath: '',
         hydrated: {
           plugins: [],
           from: asset.filePath,
@@ -78,6 +81,76 @@ export default (new Transformer({
     if (config.hydrated.modules) {
       asset.meta.cssModulesCompiled = true;
 
+      let code = asset.isASTDirty() ? null : await asset.getCode();
+      if (
+        Object.keys(config.hydrated.modules).length === 0 &&
+        code &&
+        !isLegacy &&
+        !LEGACY_MODULE_RE.test(code)
+      ) {
+        let filename = path.basename(config.filePath);
+        let message;
+        let configKey;
+        let hint;
+        if (config.raw.modules) {
+          message = md`The "modules" option in __${filename}__ can be replaced with configuration for @parcel/transformer-css to improve build performance.`;
+          configKey = '/modules';
+          hint = md`Remove the "modules" option from __${filename}__`;
+        } else {
+          message = md`The "postcss-modules" plugin in __${filename}__ can be replaced with configuration for @parcel/transformer-css to improve build performance.`;
+          configKey = '/plugins/postcss-modules';
+          hint = md`Remove the "postcss-modules" plugin from __${filename}__`;
+        }
+
+        let hints = [
+          'Enable the "cssModules" option for "@parcel/transformer-css" in your package.json',
+        ];
+        if (plugins.length === 0) {
+          message += md` Since there are no other plugins, __${filename}__ can be deleted safely.`;
+          hints.push(md`Delete __${filename}__`);
+        } else {
+          hints.push(hint);
+        }
+
+        let codeFrames;
+        if (path.extname(filename) !== '.js') {
+          let contents = await asset.fs.readFile(config.filePath, 'utf8');
+          codeFrames = [
+            {
+              language: 'json',
+              filePath: config.filePath,
+              code: contents,
+              codeHighlights: generateJSONCodeHighlights(contents, [
+                {
+                  key: configKey,
+                  type: 'key',
+                },
+              ]),
+            },
+          ];
+        } else {
+          codeFrames = [
+            {
+              filePath: config.filePath,
+              codeHighlights: [
+                {
+                  start: {line: 1, column: 1},
+                  end: {line: 1, column: 1},
+                },
+              ],
+            },
+          ];
+        }
+
+        logger.warn({
+          message,
+          hints,
+          documentationURL:
+            'https://parceljs.org/languages/css/#enabling-css-modules-globally',
+          codeFrames,
+        });
+      }
+
       // TODO: should this be resolved from the project root?
       let postcssModules = await options.packageManager.require(
         'postcss-modules',
@@ -101,7 +174,6 @@ export default (new Transformer({
         }),
       );
 
-      let code = asset.isASTDirty() ? null : await asset.getCode();
       if (code == null || COMPOSES_RE.test(code)) {
         program.walkDecls(decl => {
           let [, importPath] = FROM_IMPORT_RE.exec(decl.value) || [];
diff --git a/packages/transformers/postcss/src/loadConfig.js b/packages/transformers/postcss/src/loadConfig.js
index 0d1aca360f2..55d2ff03cae 100644
--- a/packages/transformers/postcss/src/loadConfig.js
+++ b/packages/transformers/postcss/src/loadConfig.js
@@ -7,6 +7,7 @@ import type {
 } from '@parcel/types';
 import path from 'path';
 import {relativePath} from '@parcel/utils';
+import {md, generateJSONCodeHighlights} from '@parcel/diagnostic';
 import nullthrows from 'nullthrows';
 import clone from 'clone';
 import {POSTCSS_RANGE} from './constants';
@@ -15,6 +16,7 @@ import loadExternalPlugins from './loadPlugins';
 
 type ConfigResult = {|
   raw: any,
+  filePath: string,
   hydrated: {|
     plugins: Array<any>,
     from: FilePath,
@@ -26,8 +28,9 @@ type ConfigResult = {|
 async function configHydrator(
   configFile: any,
   config: Config,
-  resolveFrom: ?FilePath,
+  resolveFrom: FilePath,
   options: PluginOptions,
+  logger: PluginLogger,
 ): Promise<?ConfigResult> {
   if (configFile == null) {
     return;
@@ -71,8 +74,67 @@ async function configHydrator(
     }
   }
 
+  let redundantPlugins = pluginArray.filter(
+    p => p === 'autoprefixer' || p === 'postcss-preset-env',
+  );
+  if (redundantPlugins.length > 0) {
+    let filename = path.basename(resolveFrom);
+    let message;
+    let hints = [];
+    if (redundantPlugins.length === pluginArray.length) {
+      message = md`Parcel includes CSS transpilation and vendor prefixing by default. PostCSS config __${filename}__ contains only redundant plugins. Deleting it may significantly improve build performance.`;
+      hints.push(md`Delete __${filename}__`);
+    } else {
+      message = md`Parcel includes CSS transpilation and vendor prefixing by default. PostCSS config __${filename}__ contains the following redundant plugins: ${[
+        ...redundantPlugins,
+      ].map(p =>
+        md.underline(p),
+      )}. Removing these may improve build performance.`;
+      hints.push(md`Remove the above plugins from __${filename}__`);
+    }
+
+    let codeFrames;
+    if (path.extname(filename) !== '.js') {
+      let contents = await options.inputFS.readFile(resolveFrom, 'utf8');
+      codeFrames = [
+        {
+          language: 'json',
+          filePath: resolveFrom,
+          code: contents,
+          codeHighlights: generateJSONCodeHighlights(
+            contents,
+            redundantPlugins.map(plugin => ({
+              key: `/plugins/${plugin}`,
+              type: 'key',
+            })),
+          ),
+        },
+      ];
+    } else {
+      codeFrames = [
+        {
+          filePath: resolveFrom,
+          codeHighlights: [
+            {
+              start: {line: 1, column: 1},
+              end: {line: 1, column: 1},
+            },
+          ],
+        },
+      ];
+    }
+
+    logger.warn({
+      message,
+      hints,
+      documentationURL: 'https://parceljs.org/languages/css/#default-plugins',
+      codeFrames,
+    });
+  }
+
   return {
     raw: configFile,
+    filePath: resolveFrom,
     hydrated: {
       plugins,
       from: config.searchPath,
@@ -143,5 +205,11 @@ export async function load({
     }
   }
 
-  return configHydrator(contents, config, configFile?.filePath, options);
+  return configHydrator(
+    contents,
+    config,
+    configFile?.filePath,
+    options,
+    logger,
+  );
 }
diff --git a/packages/utils/create-react-app/src/emoji.js b/packages/utils/create-react-app/src/emoji.js
index d40d6dd0dfd..a9e581d68ab 100644
--- a/packages/utils/create-react-app/src/emoji.js
+++ b/packages/utils/create-react-app/src/emoji.js
@@ -1,7 +1,23 @@
 // @flow strict-local
 
-const supportsEmoji =
-  process.platform !== 'win32' || process.env.TERM === 'xterm-256color';
+// From https://github.com/sindresorhus/is-unicode-supported/blob/8f123916d5c25a87c4f966dcc248b7ca5df2b4ca/index.js
+// This package is ESM-only so it has to be vendored
+function isUnicodeSupported() {
+  if (process.platform !== 'win32') {
+    return process.env.TERM !== 'linux'; // Linux console (kernel)
+  }
+
+  return (
+    Boolean(process.env.CI) ||
+    Boolean(process.env.WT_SESSION) || // Windows Terminal
+    process.env.ConEmuTask === '{cmd::Cmder}' || // ConEmu and cmder
+    process.env.TERM_PROGRAM === 'vscode' ||
+    process.env.TERM === 'xterm-256color' ||
+    process.env.TERM === 'alacritty'
+  );
+}
+
+const supportsEmoji = isUnicodeSupported();
 
 // Fallback symbols for Windows from https://en.wikipedia.org/wiki/Code_page_437
 export const progress: string = supportsEmoji ? '⏳' : '∞';
diff --git a/packages/utils/fs-search/package.json b/packages/utils/fs-search/package.json
index 3983c64939b..c0355f7ebb2 100644
--- a/packages/utils/fs-search/package.json
+++ b/packages/utils/fs-search/package.json
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "detect-libc": "^1.0.3",
-    "self-published": "npm:@parcel/fs-search@2.3.3-nightly.2635"
+    "self-published": "npm:@parcel/fs-search@2.4.1-nightly.2654"
   },
   "devDependencies": {
     "@napi-rs/cli": "1.0.4"
diff --git a/packages/utils/hash/package.json b/packages/utils/hash/package.json
index f81b28a68d4..8f2b8d781b1 100644
--- a/packages/utils/hash/package.json
+++ b/packages/utils/hash/package.json
@@ -33,7 +33,7 @@
   },
   "dependencies": {
     "detect-libc": "^1.0.3",
-    "self-published": "npm:@parcel/hash@2.3.3-nightly.2635",
+    "self-published": "npm:@parcel/hash@2.4.1-nightly.2654",
     "xxhash-wasm": "^0.4.2"
   },
   "devDependencies": {
diff --git a/packages/utils/node-resolver-core/.gitignore b/packages/utils/node-resolver-core/.gitignore
index 33dfa7267da..7ed92ab6e96 100644
--- a/packages/utils/node-resolver-core/.gitignore
+++ b/packages/utils/node-resolver-core/.gitignore
@@ -1 +1,2 @@
 !/test/fixture/node_modules
+!/test/fixture/node_modules/.pnpm/*/node_modules
diff --git a/packages/utils/node-resolver-core/src/NodeResolver.js b/packages/utils/node-resolver-core/src/NodeResolver.js
index 796aca7569c..d4cf1010bbc 100644
--- a/packages/utils/node-resolver-core/src/NodeResolver.js
+++ b/packages/utils/node-resolver-core/src/NodeResolver.js
@@ -911,11 +911,17 @@ export default class NodeResolver {
     pkg.pkgfile = file;
     pkg.pkgdir = dir;
 
-    // If the package has a `source` field, check if it is behind a symlink.
-    // If so, we treat the module as source code rather than a pre-compiled module.
+    // If the package has a `source` field, make sure
+    // - the package is behind symlinks
+    // - and the realpath to the packages does not includes `node_modules`.
+    // Since such package is likely a pre-compiled module
+    // installed with package managers, rather than including a source code.
     if (pkg.source) {
       let realpath = await this.fs.realpath(file);
-      if (realpath === file) {
+      if (
+        realpath === file ||
+        realpath.includes(`${path.sep}node_modules${path.sep}`)
+      ) {
         delete pkg.source;
       }
     }
diff --git a/packages/utils/node-resolver-core/test/fixture/node_modules/.pnpm/source-pnpm@1.0.0/node_modules/source-pnpm/dist.js b/packages/utils/node-resolver-core/test/fixture/node_modules/.pnpm/source-pnpm@1.0.0/node_modules/source-pnpm/dist.js
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/utils/node-resolver-core/test/fixture/node_modules/.pnpm/source-pnpm@1.0.0/node_modules/source-pnpm/package.json b/packages/utils/node-resolver-core/test/fixture/node_modules/.pnpm/source-pnpm@1.0.0/node_modules/source-pnpm/package.json
new file mode 100644
index 00000000000..5829a9d15ee
--- /dev/null
+++ b/packages/utils/node-resolver-core/test/fixture/node_modules/.pnpm/source-pnpm@1.0.0/node_modules/source-pnpm/package.json
@@ -0,0 +1,5 @@
+{
+  "name": "source-pnpm",
+  "main": "dist.js",
+  "source": "source.js"
+}
diff --git a/packages/utils/node-resolver-core/test/fixture/node_modules/.pnpm/source-pnpm@1.0.0/node_modules/source-pnpm/source.js b/packages/utils/node-resolver-core/test/fixture/node_modules/.pnpm/source-pnpm@1.0.0/node_modules/source-pnpm/source.js
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/packages/utils/node-resolver-core/test/resolver.js b/packages/utils/node-resolver-core/test/resolver.js
index d2ddb27ccdd..0f1c818429a 100644
--- a/packages/utils/node-resolver-core/test/resolver.js
+++ b/packages/utils/node-resolver-core/test/resolver.js
@@ -47,6 +47,13 @@ describe('resolver', function () {
       path.join(rootDir, 'packages/source'),
       path.join(rootDir, 'node_modules/source'),
     );
+    await outputFS.symlink(
+      path.join(
+        rootDir,
+        'node_modules/.pnpm/source-pnpm@1.0.0/node_modules/source-pnpm',
+      ),
+      path.join(rootDir, 'node_modules/source-pnpm'),
+    );
     await outputFS.symlink(
       path.join(rootDir, 'packages/source-alias'),
       path.join(rootDir, 'node_modules/source-alias'),
@@ -2074,152 +2081,121 @@ describe('resolver', function () {
   });
 
   describe('source field', function () {
-    it('should use the source field when symlinked', async function () {
-      let resolved = await resolver.resolve({
-        env: BROWSER_ENV,
-        filename: 'source',
-        specifierType: 'esm',
-        parent: path.join(rootDir, 'foo.js'),
-      });
-      assert.deepEqual(resolved, {
-        filePath: path.join(rootDir, 'packages', 'source', 'source.js'),
-        sideEffects: undefined,
-        query: undefined,
-        invalidateOnFileCreate: [
-          {
-            fileName: 'package.json',
-            aboveFilePath: path.join(rootDir, 'index'),
-          },
-          {
-            fileName: 'package.json',
-            aboveFilePath: path.join(rootDir, 'foo.js'),
-          },
-          {
-            fileName: 'node_modules/source',
-            aboveFilePath: path.join(rootDir, 'foo.js'),
-          },
-        ],
-        invalidateOnFileChange: [
-          path.join(rootDir, 'package.json'),
-          path.join(rootDir, 'node_modules', 'source', 'package.json'),
-        ],
+    describe('package behind symlinks', function () {
+      it('should use the source field, when its realpath is not under `node_modules`', async function () {
+        let resolved = await resolver.resolve({
+          env: BROWSER_ENV,
+          filename: 'source',
+          specifierType: 'esm',
+          parent: path.join(rootDir, 'foo.js'),
+        });
+        assert.deepEqual(resolved, {
+          filePath: path.join(rootDir, 'packages', 'source', 'source.js'),
+          sideEffects: undefined,
+          query: undefined,
+          invalidateOnFileCreate: [
+            {
+              fileName: 'package.json',
+              aboveFilePath: path.join(rootDir, 'index'),
+            },
+            {
+              fileName: 'package.json',
+              aboveFilePath: path.join(rootDir, 'foo.js'),
+            },
+            {
+              fileName: 'node_modules/source',
+              aboveFilePath: path.join(rootDir, 'foo.js'),
+            },
+          ],
+          invalidateOnFileChange: [
+            path.join(rootDir, 'package.json'),
+            path.join(rootDir, 'node_modules', 'source', 'package.json'),
+          ],
+        });
       });
-    });
 
-    it('should not use the source field when not symlinked', async function () {
-      let resolved = await resolver.resolve({
-        env: BROWSER_ENV,
-        filename: 'source-not-symlinked',
-        specifierType: 'esm',
-        parent: path.join(rootDir, 'foo.js'),
-      });
-      assert.deepEqual(resolved, {
-        filePath: path.join(
-          rootDir,
-          'node_modules',
-          'source-not-symlinked',
-          'dist.js',
-        ),
-        sideEffects: undefined,
-        query: undefined,
-        invalidateOnFileCreate: [
-          {
-            fileName: 'package.json',
-            aboveFilePath: path.join(rootDir, 'index'),
-          },
-          {
-            fileName: 'package.json',
-            aboveFilePath: path.join(rootDir, 'foo.js'),
-          },
-          {
-            fileName: 'node_modules/source-not-symlinked',
-            aboveFilePath: path.join(rootDir, 'foo.js'),
-          },
-        ],
-        invalidateOnFileChange: [
-          path.join(rootDir, 'package.json'),
-          path.join(
+      it('should not use the source field, when its realpath is under `node_modules`', async function () {
+        let resolved = await resolver.resolve({
+          env: BROWSER_ENV,
+          filename: 'source-pnpm',
+          specifierType: 'esm',
+          parent: path.join(rootDir, 'foo.js'),
+        });
+        assert.deepEqual(resolved, {
+          filePath: path.join(
             rootDir,
             'node_modules',
-            'source-not-symlinked',
-            'package.json',
+            '.pnpm',
+            'source-pnpm@1.0.0',
+            'node_modules',
+            'source-pnpm',
+            'dist.js',
           ),
-        ],
-      });
-    });
-
-    it('should use the source field as an alias when symlinked', async function () {
-      let resolved = await resolver.resolve({
-        env: BROWSER_ENV,
-        filename: 'source-alias/dist',
-        specifierType: 'esm',
-        parent: path.join(rootDir, 'foo.js'),
-      });
-      assert.deepEqual(resolved, {
-        filePath: path.join(rootDir, 'packages', 'source-alias', 'source.js'),
-        sideEffects: undefined,
-        query: undefined,
-        invalidateOnFileCreate: [
-          {
-            fileName: 'package.json',
-            aboveFilePath: path.join(rootDir, 'index'),
-          },
-          {
-            fileName: 'package.json',
-            aboveFilePath: path.join(rootDir, 'foo.js'),
-          },
-          {
-            fileName: 'node_modules/source-alias',
-            aboveFilePath: path.join(rootDir, 'foo.js'),
-          },
-        ],
-        invalidateOnFileChange: [
-          path.join(rootDir, 'package.json'),
-          path.join(rootDir, 'node_modules', 'source-alias', 'package.json'),
-        ],
+          sideEffects: undefined,
+          query: undefined,
+          invalidateOnFileCreate: [
+            {
+              fileName: 'package.json',
+              aboveFilePath: path.join(rootDir, 'index'),
+            },
+            {
+              fileName: 'package.json',
+              aboveFilePath: path.join(rootDir, 'foo.js'),
+            },
+            {
+              fileName: 'node_modules/source-pnpm',
+              aboveFilePath: path.join(rootDir, 'foo.js'),
+            },
+          ],
+          invalidateOnFileChange: [
+            path.join(rootDir, 'package.json'),
+            path.join(rootDir, 'node_modules', 'source-pnpm', 'package.json'),
+          ],
+        });
       });
     });
 
-    it('should use the source field as a glob alias when symlinked', async function () {
-      let resolved = await resolver.resolve({
-        env: BROWSER_ENV,
-        filename: 'source-alias-glob',
-        specifierType: 'esm',
-        parent: path.join(rootDir, 'foo.js'),
-      });
-      assert.deepEqual(resolved, {
-        filePath: path.join(
-          rootDir,
-          'packages',
-          'source-alias-glob',
-          'src',
-          'test.js',
-        ),
-        sideEffects: undefined,
-        query: undefined,
-        invalidateOnFileCreate: [
-          {
-            fileName: 'package.json',
-            aboveFilePath: path.join(rootDir, 'index'),
-          },
-          {
-            fileName: 'package.json',
-            aboveFilePath: path.join(rootDir, 'foo.js'),
-          },
-          {
-            fileName: 'node_modules/source-alias-glob',
-            aboveFilePath: path.join(rootDir, 'foo.js'),
-          },
-        ],
-        invalidateOnFileChange: [
-          path.join(rootDir, 'package.json'),
-          path.join(
+    describe('package not behind symlinks', function () {
+      it('should not use the source field', async function () {
+        let resolved = await resolver.resolve({
+          env: BROWSER_ENV,
+          filename: 'source-not-symlinked',
+          specifierType: 'esm',
+          parent: path.join(rootDir, 'foo.js'),
+        });
+        assert.deepEqual(resolved, {
+          filePath: path.join(
             rootDir,
             'node_modules',
-            'source-alias-glob',
-            'package.json',
+            'source-not-symlinked',
+            'dist.js',
           ),
-        ],
+          sideEffects: undefined,
+          query: undefined,
+          invalidateOnFileCreate: [
+            {
+              fileName: 'package.json',
+              aboveFilePath: path.join(rootDir, 'index'),
+            },
+            {
+              fileName: 'package.json',
+              aboveFilePath: path.join(rootDir, 'foo.js'),
+            },
+            {
+              fileName: 'node_modules/source-not-symlinked',
+              aboveFilePath: path.join(rootDir, 'foo.js'),
+            },
+          ],
+          invalidateOnFileChange: [
+            path.join(rootDir, 'package.json'),
+            path.join(
+              rootDir,
+              'node_modules',
+              'source-not-symlinked',
+              'package.json',
+            ),
+          ],
+        });
       });
     });
   });
diff --git a/yarn.lock b/yarn.lock
index 820f23cbcea..4f7cd7d513e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2196,154 +2196,152 @@
   dependencies:
     "@octokit/openapi-types" "^6.2.0"
 
-"@parcel/cache@2.0.0-nightly.1012+083e530c0":
-  version "2.0.0-nightly.1012"
-  resolved "https://packages.atlassian.com/api/npm/npm-remote/@parcel/cache/-/cache-2.0.0-nightly.1012.tgz#7cfb10ef60cf365364740494ffe6de077419f4f3"
-  integrity sha512-3hzXIqObj+JVQfIpyFmdppdcdc7Z9qgZZ2VAxg2xO4qZrMEk7lzx66LwVjSeuTEOXxBeWu4BdCCXaTAoMGFHbg==
-  dependencies:
-    "@parcel/fs" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/logger" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/utils" "2.0.0-nightly.1012+083e530c0"
+"@parcel/cache@2.0.0-nightly.1031+d3ea25517":
+  version "2.0.0-nightly.1031"
+  resolved "https://registry.yarnpkg.com/@parcel/cache/-/cache-2.0.0-nightly.1031.tgz#4a4663682681c5a7a5865714b90312da8ad02a42"
+  integrity sha512-tpv+S996SKpi3RxralFmH3P/8JPxMmde73R19KWEEb78A2e9q7q6X7zv85QwBhClEO34OzUI9HDScxZim59xiQ==
+  dependencies:
+    "@parcel/fs" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/logger" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/utils" "2.0.0-nightly.1031+d3ea25517"
     lmdb "2.2.4"
 
-"@parcel/codeframe@2.0.0-nightly.1012+083e530c0":
-  version "2.0.0-nightly.1012"
-  resolved "https://packages.atlassian.com/api/npm/npm-remote/@parcel/codeframe/-/codeframe-2.0.0-nightly.1012.tgz#a6fd64416a9e5782e48bb14f5738f2cb48089a4b"
-  integrity sha512-fpdMftKgmmTcjjFSxiBpLL9RieNyUowkF0KY3BUzSsyP9jvw3zU1KW0j98nx/+qUcXzjSaxn/lymDPCQNUtRDg==
+"@parcel/codeframe@2.0.0-nightly.1031+d3ea25517":
+  version "2.0.0-nightly.1031"
+  resolved "https://registry.yarnpkg.com/@parcel/codeframe/-/codeframe-2.0.0-nightly.1031.tgz#ed2be80e8707a7643d0d59eef94bb9a9163f3116"
+  integrity sha512-XL5595am3levcBGfQ6iI2qFa6NVy3MFWEtN4L+pWGs/NuTC+SqHCFNx2FJB+/eDA8d+nocolNiDOR3g/EVnZlw==
   dependencies:
     chalk "^4.1.0"
 
-"@parcel/css-darwin-arm64@1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@parcel/css-darwin-arm64/-/css-darwin-arm64-1.0.3.tgz#e0dd0d28d1964e2b862e592653fd16133333fb7f"
-  integrity sha512-qjT9TpKj33u+skvIb9Gm6AYaZVniwy71mr+sq27AwgYhafPCMzIJUyhCkC2/9vLXTv+K+BRLsAqU3Z/ueGrhOw==
+"@parcel/css-darwin-arm64@1.7.2":
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/@parcel/css-darwin-arm64/-/css-darwin-arm64-1.7.2.tgz#a7564d280b325e385abd7675aee56d4f5a014c38"
+  integrity sha512-i0b8n8FF+iSK8cLOQhzxXZbbWAGTRLYih4W7Jim4QOerTBvl0zmBajua0hst+phuDDgSO5GKm1/80X+7v8VW+g==
 
-"@parcel/css-darwin-x64@1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@parcel/css-darwin-x64/-/css-darwin-x64-1.0.3.tgz#e252261cfbbce8cbafc58ac05c737ed6fa7a75e7"
-  integrity sha512-VaZl225H5HT/mNK2P1vMY6m1+kjf3IH3sI70twJ5eP7JqSqojFBW1XikbQzKfuE0oy+h/YobBhRnCXNmoNY8IQ==
+"@parcel/css-darwin-x64@1.7.2":
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/@parcel/css-darwin-x64/-/css-darwin-x64-1.7.2.tgz#15307712347bda116865dca7f02aded74c98c151"
+  integrity sha512-RsidKHrUhOp9wSlyBOxBTPcskh/QRtUV0uOVhHVLZtr7ebWT7L0T6wZJGX3vpTewgwIPB66IjJCE8ovdJLeMEg==
 
-"@parcel/css-linux-arm-gnueabihf@1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@parcel/css-linux-arm-gnueabihf/-/css-linux-arm-gnueabihf-1.0.3.tgz#8b2c32ef72fb2a57087cd7eee434416f81241b55"
-  integrity sha512-XvZMzlXOZVg8HJMmm/V1XNKQexC/70J23HC0kpsYFuvd4cgzW+3OhdI20kl1xgFL9xRsJyCUsoW+Ug3aNfdicw==
+"@parcel/css-linux-arm-gnueabihf@1.7.2":
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/@parcel/css-linux-arm-gnueabihf/-/css-linux-arm-gnueabihf-1.7.2.tgz#21c804e690b32bc80aed1ef8a5f2bcf84081d777"
+  integrity sha512-NF6lvp2PDWqwUB16z1XQECyIIjO9EB6J9tMleLo1l6Set9nIaLRl3Jl06f3lFSBhxWQBqZ3Gr9c/5gvLtNjRew==
 
-"@parcel/css-linux-arm64-gnu@1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@parcel/css-linux-arm64-gnu/-/css-linux-arm64-gnu-1.0.3.tgz#ddb85c5c38625480418cb458e54a570a3f4e5690"
-  integrity sha512-cxdfp4x7DU+PuknPlIqpwS3NEd13Erd4NVdJQTEcBWdLa6zg579ghduDdxWChIq1GeUGGNMhR3KQJBl61sXfTw==
+"@parcel/css-linux-arm64-gnu@1.7.2":
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/@parcel/css-linux-arm64-gnu/-/css-linux-arm64-gnu-1.7.2.tgz#34d0416aa88030d782911af1e57f289730ccf264"
+  integrity sha512-sqSzj8eoTFJkajLIjCbb8qDXLwH+4CQU0c7598Dg8K/culVuGlGn5mwwgfSK/HIZq6Wt8SD5iG0HmtNAwrcpCw==
 
-"@parcel/css-linux-arm64-musl@1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@parcel/css-linux-arm64-musl/-/css-linux-arm64-musl-1.0.3.tgz#84998f6a9ee43cc3b9ea5f8ffa5629f3f22042ed"
-  integrity sha512-7y0/B2bvT9UROO6UvMjaZe+MBBdDl7RzCVzWr05NCXT8WZjLgSnZYNakRlIxQjb3miUK9xNygh9+w0msahrIKw==
+"@parcel/css-linux-arm64-musl@1.7.2":
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/@parcel/css-linux-arm64-musl/-/css-linux-arm64-musl-1.7.2.tgz#39fad0318a8570581eadb0437ff446dbbb83e011"
+  integrity sha512-XDnf5eY0O5exsMpv+hwtrxsi7vrm/kz2+JRar+7vNalxzFEc6xJhh/sRQw4XU7Qn9oCgJ/BDp58c6uDeQInEAQ==
 
-"@parcel/css-linux-x64-gnu@1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@parcel/css-linux-x64-gnu/-/css-linux-x64-gnu-1.0.3.tgz#4f94189f07f58781859d80421f01fdc692d90208"
-  integrity sha512-pAXwgadvHjCBlRBTFjzvKNkt2n25AU6GltWLyQLiSpznWrxfEq9DywBy4DjfcnR0z+VgZP2S6783JfzjrCJOTg==
+"@parcel/css-linux-x64-gnu@1.7.2":
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/@parcel/css-linux-x64-gnu/-/css-linux-x64-gnu-1.7.2.tgz#f208f3d6e3f721bbcb440e1a5c985a4371052caa"
+  integrity sha512-9c912OgRIR5i4Pffxh123fgcsGy0njcBD9di+ipb6RHi8ZQLhiUhbdMAXINHwJT/7pSds+RJGL6VNGP3KqSxCA==
 
-"@parcel/css-linux-x64-musl@1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@parcel/css-linux-x64-musl/-/css-linux-x64-musl-1.0.3.tgz#871df6aee4e3385e77457fa3eed7322847f6db3c"
-  integrity sha512-6MR2Xym/b3O2mwL4g15z62CFXMphpyC16lBN5wrGtJQwHq0Ne4NNfpAvUgOBSwQfUqknbrRc+o90+rWy356KmQ==
+"@parcel/css-linux-x64-musl@1.7.2":
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/@parcel/css-linux-x64-musl/-/css-linux-x64-musl-1.7.2.tgz#658790eaded3450972a4747932fb12824e5c899f"
+  integrity sha512-D9ZEllB21G9PA9+f+jdOXh3qPeryg+6fGSe1dXfLvQ0yG41FeBQgbIpPabhLUCNEdHG11t43LkJT5RVuG/n6uw==
 
-"@parcel/css-win32-x64-msvc@1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@parcel/css-win32-x64-msvc/-/css-win32-x64-msvc-1.0.3.tgz#7354fce64adb8d6ee9e3e645bea9565ebb857763"
-  integrity sha512-pF6Pfd3M+s+WNXN/MVLh69HsgYaEk/eAqSPgQSCNYr8zFn3AkIpCiu84/FDHSgOvome89absXVP6IH1ZZDBt5w==
+"@parcel/css-win32-x64-msvc@1.7.2":
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/@parcel/css-win32-x64-msvc/-/css-win32-x64-msvc-1.7.2.tgz#3f76c08aa5c3ec1337dc9b3e215f0484af51844d"
+  integrity sha512-9j8fu0nSqVj2w1NusgLJX9/XP5ITQke5/eRn6/no9cx4GD2YDsuKchDIc2yVxxuGD0WrDECScEtuXEKEmmxjxw==
 
-"@parcel/css@^1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@parcel/css/-/css-1.0.3.tgz#b0a5ae3093e0e3f378cbba51403e7cbc46b80846"
-  integrity sha512-3HnWkLKtGSrQzlBFIhMzvFhz6LMyufeIDWC1MJMdk/CckMLpItp419RLXXgbRzVTgrfrTXImiImsoAEyk+fekA==
+"@parcel/css@^1.7.2":
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/@parcel/css/-/css-1.7.2.tgz#defbf5f51cf290eecef1ad5b30bdf235e5047124"
+  integrity sha512-OcdGio5QCvshOJGXaqICC93yMDCi1baZ3yK/xHbKmu9R4p3IBp9+/hmjg5ZkfmJLvqsrguZ1JJndoSXITxPxpg==
   dependencies:
     detect-libc "^1.0.3"
   optionalDependencies:
-    "@parcel/css-darwin-arm64" "1.0.3"
-    "@parcel/css-darwin-x64" "1.0.3"
-    "@parcel/css-linux-arm-gnueabihf" "1.0.3"
-    "@parcel/css-linux-arm64-gnu" "1.0.3"
-    "@parcel/css-linux-arm64-musl" "1.0.3"
-    "@parcel/css-linux-x64-gnu" "1.0.3"
-    "@parcel/css-linux-x64-musl" "1.0.3"
-    "@parcel/css-win32-x64-msvc" "1.0.3"
-
-"@parcel/diagnostic@2.0.0-nightly.1012+083e530c0":
-  version "2.0.0-nightly.1012"
-  resolved "https://packages.atlassian.com/api/npm/npm-remote/@parcel/diagnostic/-/diagnostic-2.0.0-nightly.1012.tgz#4a55a93c18831aa0560400e4a5f0a4bb452e7591"
-  integrity sha512-0pgmk43wpBdSvKZW8V8N3F43xI6MxDGRvw6f3k8kUb7m2pIZ3v/9+VynU+17oUE91ahE9Gg/DqI22UzzyyK1sw==
+    "@parcel/css-darwin-arm64" "1.7.2"
+    "@parcel/css-darwin-x64" "1.7.2"
+    "@parcel/css-linux-arm-gnueabihf" "1.7.2"
+    "@parcel/css-linux-arm64-gnu" "1.7.2"
+    "@parcel/css-linux-arm64-musl" "1.7.2"
+    "@parcel/css-linux-x64-gnu" "1.7.2"
+    "@parcel/css-linux-x64-musl" "1.7.2"
+    "@parcel/css-win32-x64-msvc" "1.7.2"
+
+"@parcel/diagnostic@2.0.0-nightly.1031+d3ea25517":
+  version "2.0.0-nightly.1031"
+  resolved "https://registry.yarnpkg.com/@parcel/diagnostic/-/diagnostic-2.0.0-nightly.1031.tgz#422887c9b4095d76f17148a8547ff9e34313336f"
+  integrity sha512-GoP2lF3SvkaPluTh1xH+B2NBInPcfBBPLEwVVTpiNgIx/L6kbGqPAto8GNR+PHYAYjro4GDGZ+K73wy4khN3Fw==
   dependencies:
     json-source-map "^0.6.1"
     nullthrows "^1.1.1"
 
-"@parcel/events@2.0.0-nightly.1012+083e530c0":
-  version "2.0.0-nightly.1012"
-  resolved "https://packages.atlassian.com/api/npm/npm-remote/@parcel/events/-/events-2.0.0-nightly.1012.tgz#9491344004387353b916ab939809870acc632df7"
-  integrity sha512-/HFVveBcFmRCTpLTOGo9WLZ49H/j0MUNbk9oSeDRQ1hVm/qZdyRSw0UtV5nb2VKDYDuoPyys1Dg8QQNM//PNew==
+"@parcel/events@2.0.0-nightly.1031+d3ea25517":
+  version "2.0.0-nightly.1031"
+  resolved "https://registry.yarnpkg.com/@parcel/events/-/events-2.0.0-nightly.1031.tgz#afee13ddf61d52c89820a00a6cf4c76133d34b7f"
+  integrity sha512-4HcSgEDzGPLOA8oDqiglPvwuV4i7u0mC4JNlSf3hzKpVFdpycGJaW/Pa85uEdK10iLGV+STjv0wWGi3hkdjyYg==
 
-"@parcel/fs-search@2.3.3-nightly.2635+083e530c0", "self-published@npm:@parcel/fs-search@2.3.3-nightly.2635":
-  name self-published
-  version "2.3.3-nightly.2635"
-  resolved "https://packages.atlassian.com/api/npm/npm-remote/@parcel/fs-search/-/fs-search-2.3.3-nightly.2635.tgz#ee8e6d057ac7248712a7a2b1e8d2b1bdaf86ee50"
-  integrity sha512-FA3n5jJ9zOh2BKePJEcpkis421/459S+Cvveo4AT39Y3a6/h7bSfIKMnJWNAXyuRwqXIYZLY4PHi/qqDdi3dLw==
+"@parcel/fs-search@2.4.1-nightly.2654+d3ea25517", "self-published@npm:@parcel/fs-search@2.4.1-nightly.2654":
+  version "2.4.1-nightly.2654"
+  resolved "https://registry.yarnpkg.com/@parcel/fs-search/-/fs-search-2.4.1-nightly.2654.tgz#88ddd8a6115bbde88f17af9dda6fda851f23f8f1"
+  integrity sha512-vc8OWmMzVbO9NIzrUVcyQh5bp+7R4RX6U1JjOLmQbCIv3rCo/rY4+9JXGAVMhAn7dGzcbX6EwKoSDREVSrywmQ==
   dependencies:
     detect-libc "^1.0.3"
 
-"@parcel/fs@2.0.0-nightly.1012+083e530c0":
-  version "2.0.0-nightly.1012"
-  resolved "https://packages.atlassian.com/api/npm/npm-remote/@parcel/fs/-/fs-2.0.0-nightly.1012.tgz#c8ad5932256f6532149f035bcda51a0db4649259"
-  integrity sha512-jA2/M+cdRHdzxNbA0sHmF32AXOm63HMIQe0ig43JWnbWW7A7CNwoYgG7tLRjAjN1BV6vWgw7UsPG8t7zs3GpXA==
+"@parcel/fs@2.0.0-nightly.1031+d3ea25517":
+  version "2.0.0-nightly.1031"
+  resolved "https://registry.yarnpkg.com/@parcel/fs/-/fs-2.0.0-nightly.1031.tgz#f5afe9948e2c944dcd5656498f9520453391d126"
+  integrity sha512-xO5Ok7ZFG8fqOmr5NWGpd5cw5pJ75sAbwaF0WvQowk9cOThDj3rohm7jbh+uHk+cuR2EWnZW05Q7KQoevxPxsA==
   dependencies:
-    "@parcel/fs-search" "2.3.3-nightly.2635+083e530c0"
-    "@parcel/types" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/utils" "2.0.0-nightly.1012+083e530c0"
+    "@parcel/fs-search" "2.4.1-nightly.2654+d3ea25517"
+    "@parcel/types" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/utils" "2.0.0-nightly.1031+d3ea25517"
     "@parcel/watcher" "^2.0.0"
-    "@parcel/workers" "2.0.0-nightly.1012+083e530c0"
+    "@parcel/workers" "2.0.0-nightly.1031+d3ea25517"
 
-"@parcel/hash@2.3.3-nightly.2635+083e530c0", "self-published@npm:@parcel/hash@2.3.3-nightly.2635":
-  name self-published
-  version "2.3.3-nightly.2635"
-  resolved "https://packages.atlassian.com/api/npm/npm-remote/@parcel/hash/-/hash-2.3.3-nightly.2635.tgz#0ae522b3503070ca72ac39c9560b270d4a7480b8"
-  integrity sha512-RZIa2r96hXI/iq7xM+A6KQF5Ev10u37wLkEAEF/UDcMBqVVRfV2nuS6CY7bRYf6PDXHaqnuy/aV/n2Mlr6WAIA==
+"@parcel/hash@2.4.1-nightly.2654+d3ea25517", "self-published@npm:@parcel/hash@2.4.1-nightly.2654":
+  version "2.4.1-nightly.2654"
+  resolved "https://registry.yarnpkg.com/@parcel/hash/-/hash-2.4.1-nightly.2654.tgz#3d1a265f0969121799f4fc74abefb2b4ed60dbb0"
+  integrity sha512-/GbXfYhuoPXi6jbK3wflrOIkodTAVerqo49pAQMd/L3zmaHz/IjQ5MCeY3x9i8ZEWaUlrsYN4XDtZRb2/i9AzQ==
   dependencies:
     detect-libc "^1.0.3"
     xxhash-wasm "^0.4.2"
 
-"@parcel/logger@2.0.0-nightly.1012+083e530c0":
-  version "2.0.0-nightly.1012"
-  resolved "https://packages.atlassian.com/api/npm/npm-remote/@parcel/logger/-/logger-2.0.0-nightly.1012.tgz#f64f4349dd4261765870151011ad5d405dfbc49f"
-  integrity sha512-YAG+H4bFn8mfhRZQHUZO2AECLg5d5x3TdXgxGqyuZdMdb7s9XW+EkhW62DdEjPQ8IFTGNy4rHjyWJOwNI4z6Mw==
+"@parcel/logger@2.0.0-nightly.1031+d3ea25517":
+  version "2.0.0-nightly.1031"
+  resolved "https://registry.yarnpkg.com/@parcel/logger/-/logger-2.0.0-nightly.1031.tgz#22a8e4f11eeb44e69a4a89d8e27f4beb5ab62758"
+  integrity sha512-ezkjCfOm0nKxFaIyJnRoFBcJPqtHGhPbO3BljIH6idPJz4ztVZHoYZksWIGYxcGsz6c4Y9cwVhBNNYpNEfoI+A==
   dependencies:
-    "@parcel/diagnostic" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/events" "2.0.0-nightly.1012+083e530c0"
+    "@parcel/diagnostic" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/events" "2.0.0-nightly.1031+d3ea25517"
 
-"@parcel/markdown-ansi@2.0.0-nightly.1012+083e530c0":
-  version "2.0.0-nightly.1012"
-  resolved "https://packages.atlassian.com/api/npm/npm-remote/@parcel/markdown-ansi/-/markdown-ansi-2.0.0-nightly.1012.tgz#48ef0d9adf2021a8df7208e444056c0cc1d33177"
-  integrity sha512-3IJSr2LGgpU7jEjB6UHxaTWVxoBe+bBOG3MiFqvTZbsYtcs0nrpZjp7K3MfXHMwdVi0ftPFD6U9bxDASBOi9Kg==
+"@parcel/markdown-ansi@2.0.0-nightly.1031+d3ea25517":
+  version "2.0.0-nightly.1031"
+  resolved "https://registry.yarnpkg.com/@parcel/markdown-ansi/-/markdown-ansi-2.0.0-nightly.1031.tgz#9e28d449df1e4cac658b81f8a0bc6560ba180281"
+  integrity sha512-7bydduzpUn9V+lwiFJwqLbCGBH3lyoBlTG0i7YWEsPK5WoU3+OtTxfmHloLKUegony+Ov33v6XF7tSxGL+/5nA==
   dependencies:
     chalk "^4.1.0"
 
-"@parcel/package-manager@2.0.0-nightly.1012+083e530c0":
-  version "2.0.0-nightly.1012"
-  resolved "https://packages.atlassian.com/api/npm/npm-remote/@parcel/package-manager/-/package-manager-2.0.0-nightly.1012.tgz#93aeb7dfedd7f2856c8e9f6d608ad8f18bd4c5b6"
-  integrity sha512-V/Jiq0K41/7skiYKpjkECdvJiNr75rVU4pmiVsz1ByJfUB5eS1cn/d7HRoWjtGTBcSpwyMElVk5O/uuAzHdOiw==
-  dependencies:
-    "@parcel/diagnostic" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/fs" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/logger" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/types" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/utils" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/workers" "2.0.0-nightly.1012+083e530c0"
+"@parcel/package-manager@2.0.0-nightly.1031+d3ea25517":
+  version "2.0.0-nightly.1031"
+  resolved "https://registry.yarnpkg.com/@parcel/package-manager/-/package-manager-2.0.0-nightly.1031.tgz#bcad2ae51528879b59c6eafcaa0f7fdaf42aa602"
+  integrity sha512-6Ba2CYx+qjDtBYinNEn1VIsCUpksTkNBX6f0DlFcQpHEIw1tkI2NTpgB2XpAxedU+wVd9iX7TTSDatdPPIfecQ==
+  dependencies:
+    "@parcel/diagnostic" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/fs" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/logger" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/types" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/utils" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/workers" "2.0.0-nightly.1031+d3ea25517"
     semver "^5.7.1"
 
-"@parcel/plugin@2.0.0-nightly.1012+083e530c0":
-  version "2.0.0-nightly.1012"
-  resolved "https://packages.atlassian.com/api/npm/npm-remote/@parcel/plugin/-/plugin-2.0.0-nightly.1012.tgz#af3163acd64642c812c887eb8238cac873623fd5"
-  integrity sha512-wNpMhW5i/yXrVTHglys/B+cSkNm1Ge5/VsUiz9ZLqS2nFtpX/GSxpUVVF9YaEGFlYSnYr6k+KPM7mEfum/JA7w==
+"@parcel/plugin@2.0.0-nightly.1031+d3ea25517":
+  version "2.0.0-nightly.1031"
+  resolved "https://registry.yarnpkg.com/@parcel/plugin/-/plugin-2.0.0-nightly.1031.tgz#3b7bb457f4a1ecc3e0654a0ed2157ab4f3f63963"
+  integrity sha512-EvT5pfhDchKLzK8yexHB0h5z5ASc9NoSlX7StNIiu/6PZO8ogJ386cdn0lUnx6BToOQMr3jO9SQZhcsfhyV7Jg==
   dependencies:
-    "@parcel/types" "2.0.0-nightly.1012+083e530c0"
+    "@parcel/types" "2.0.0-nightly.1031+d3ea25517"
 
 "@parcel/source-map@^2.0.0":
   version "2.0.0"
@@ -2353,29 +2351,29 @@
     detect-libc "^1.0.3"
     globby "^11.0.3"
 
-"@parcel/types@2.0.0-nightly.1012+083e530c0":
-  version "2.0.0-nightly.1012"
-  resolved "https://packages.atlassian.com/api/npm/npm-remote/@parcel/types/-/types-2.0.0-nightly.1012.tgz#84cfc4bd3dac226ab4b3409e89739833b1857d8b"
-  integrity sha512-i/rEc/ScoJQC3nwHKuayppaX/kl2rZ0pw8+m/ahW/jZtYPfGG4yK/Z/MbuGlztFZkr5jXCi7VtyO14IC+FBxYQ==
+"@parcel/types@2.0.0-nightly.1031+d3ea25517":
+  version "2.0.0-nightly.1031"
+  resolved "https://registry.yarnpkg.com/@parcel/types/-/types-2.0.0-nightly.1031.tgz#1143b59499bab5e374df1e134501df97c40edbf1"
+  integrity sha512-ldsyEscMg00jHUXnbQceoFBJQ+sX4aQqkNLSSxyFxP7CP4BinGIUjrLVh2P01jnFXtZhJeWZlSaiKzZiSU3j7Q==
   dependencies:
-    "@parcel/cache" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/diagnostic" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/fs" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/package-manager" "2.0.0-nightly.1012+083e530c0"
+    "@parcel/cache" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/diagnostic" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/fs" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/package-manager" "2.0.0-nightly.1031+d3ea25517"
     "@parcel/source-map" "^2.0.0"
-    "@parcel/workers" "2.0.0-nightly.1012+083e530c0"
+    "@parcel/workers" "2.0.0-nightly.1031+d3ea25517"
     utility-types "^3.10.0"
 
-"@parcel/utils@2.0.0-nightly.1012+083e530c0":
-  version "2.0.0-nightly.1012"
-  resolved "https://packages.atlassian.com/api/npm/npm-remote/@parcel/utils/-/utils-2.0.0-nightly.1012.tgz#530b13cca42843c6ae143c51a4731cebaafca561"
-  integrity sha512-11O9typHQsdIvR/AQsz3ofivcRqgkJl4cMdGwNq3tHgPh1i/Ub19nSpZcWat9igwtHNSscy/kswkdMswEK0XcQ==
+"@parcel/utils@2.0.0-nightly.1031+d3ea25517":
+  version "2.0.0-nightly.1031"
+  resolved "https://registry.yarnpkg.com/@parcel/utils/-/utils-2.0.0-nightly.1031.tgz#55f5442423541ecb7bfda50b6795105a7fbe43e7"
+  integrity sha512-ERm0pKkADpLbFH/O/qWTKjO7uMFmMUIB1XrjqDAAO5i7xRtmgHZ9w/0IL+hlKkqfnctx8pn+mJlpgPhgnijc2w==
   dependencies:
-    "@parcel/codeframe" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/diagnostic" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/hash" "2.3.3-nightly.2635+083e530c0"
-    "@parcel/logger" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/markdown-ansi" "2.0.0-nightly.1012+083e530c0"
+    "@parcel/codeframe" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/diagnostic" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/hash" "2.4.1-nightly.2654+d3ea25517"
+    "@parcel/logger" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/markdown-ansi" "2.0.0-nightly.1031+d3ea25517"
     "@parcel/source-map" "^2.0.0"
     chalk "^4.1.0"
 
@@ -2387,15 +2385,15 @@
     node-addon-api "^3.2.1"
     node-gyp-build "^4.3.0"
 
-"@parcel/workers@2.0.0-nightly.1012+083e530c0":
-  version "2.0.0-nightly.1012"
-  resolved "https://packages.atlassian.com/api/npm/npm-remote/@parcel/workers/-/workers-2.0.0-nightly.1012.tgz#a8f9a0c31db3fb590e04e4d49d387d97ce375d35"
-  integrity sha512-ZVo9HS4Ru0ZKnEiGEIh9wUMG7uI1H4lEpmu2kywufTgsQl7sYmciMeNCOxBUWbpNnxTkYDqskkEPRF5wQ1eh0w==
+"@parcel/workers@2.0.0-nightly.1031+d3ea25517":
+  version "2.0.0-nightly.1031"
+  resolved "https://registry.yarnpkg.com/@parcel/workers/-/workers-2.0.0-nightly.1031.tgz#85c93c13305faab164cac3848368d3a9e1367f1a"
+  integrity sha512-/SPR3zfbGku0SE8D2T222RD1xSFz2EMzHhVVyVg5bvQcRVKXkDHltG2PtoSBiu8jcVOGz+QoRRPLx3X3ZbKriw==
   dependencies:
-    "@parcel/diagnostic" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/logger" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/types" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/utils" "2.0.0-nightly.1012+083e530c0"
+    "@parcel/diagnostic" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/logger" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/types" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/utils" "2.0.0-nightly.1031+d3ea25517"
     chrome-trace-event "^1.0.2"
     nullthrows "^1.1.1"
 
@@ -2662,10 +2660,10 @@
     "@swc/core-win32-ia32-msvc" "^1.2.106"
     "@swc/core-win32-x64-msvc" "^1.2.106"
 
-"@swc/helpers@^0.2.11":
-  version "0.2.11"
-  resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.2.11.tgz#34c842dcd8182810b4ab72d0d1fc34b553909e2e"
-  integrity sha512-0FFPZrCwRDLsbJDKzs1Oo+TAqfAyxnZWZoTF6rUrfWQCYpwuKFj7tAEt/wa830fqCPE5Uk6qIo9KMkPe7Qgukg==
+"@swc/helpers@^0.3.6":
+  version "0.3.6"
+  resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.3.6.tgz#b41e77dbf14e9cb138988484563ad9680ae5dc3d"
+  integrity sha512-xVl7Sddrl9/eMjEMqkH9lT8fLOGCuWHH9VmR2IBKQ8xTcjA6UQw4O3/4oS3xnyZHLtL9vC3P+C0kLneHpiqeEg==
 
 "@tootallnate/once@2":
   version "2.0.0"
@@ -2992,7 +2990,7 @@ amdefine@>=0.0.4:
   resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
   integrity sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=
 
-analytics-node@^5.1.0:
+analytics-node@^5.1.0, analytics-node@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/analytics-node/-/analytics-node-5.2.0.tgz#ef167bbf0d51f630e96d3abe604ce449b50a2584"
   integrity sha512-JAc0K7J//QKGGX2mfwBE7wyG/Rh4W0BATB6CncwYhVX1qLjiXwHmB7bYr9PgJIer5M6jKMOhZoO5lxiruQk9BQ==
@@ -6441,10 +6439,10 @@ flatted@^3.1.0:
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.1.1.tgz#c4b489e80096d9df1dfc97c79871aea7c617c469"
   integrity sha512-zAoAQiudy+r5SvnSw3KJy5os/oRJYHzrzja/tBDqrZtNhUw8bt6y8OBzMWcjWr+8liV8Eb6yOhw8WZ7VFZ5ZzA==
 
-flow-bin@0.173.0:
-  version "0.173.0"
-  resolved "https://packages.atlassian.com/api/npm/npm-remote/flow-bin/-/flow-bin-0.173.0.tgz#4eb4b0143ffcef3ef3ee64638554a8dff6b89735"
-  integrity sha512-CIvShSnB4I7SsfkE9S7ECpUCkBNqDQGDWr+0uzulKGYEBnCYwFzITE1T84weLmINQwO1dR6ntsH0LlWLoGCquQ==
+flow-bin@0.174.1:
+  version "0.174.1"
+  resolved "https://packages.atlassian.com/api/npm/npm-remote/flow-bin/-/flow-bin-0.174.1.tgz#95024b83c39f42f04c3f5529044cf63e5fc60bf3"
+  integrity sha512-r69pWMF+b+dbEIq/a8V3B/p6bIjLqVUXjQqC6yDCeVSXL6BQT4QkLJeSn1i877ahFw2GiK3kzIMgfnuZBWEaPQ==
 
 flush-write-stream@^1.0.0, flush-write-stream@^1.0.2:
   version "1.1.1"
@@ -10600,10 +10598,10 @@ postcss-modules-values@^4.0.0:
   dependencies:
     icss-utils "^5.0.0"
 
-postcss-modules@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules/-/postcss-modules-4.3.0.tgz#1cb32f16a8cfffe2b989598f8135eb6427106ec7"
-  integrity sha512-zoUttLDSsbWDinJM9jH37o7hulLRyEgH6fZm2PchxN7AZ8rkdWiALyNhnQ7+jg7cX9f10m6y5VhHsrjO0Mf/DA==
+postcss-modules@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/postcss-modules/-/postcss-modules-4.3.1.tgz#517c06c09eab07d133ae0effca2c510abba18048"
+  integrity sha512-ItUhSUxBBdNamkT3KzIZwYNNRFKmkJrofvC2nWab3CPKhYBQ1f27XXh1PAPE27Psx58jeelPsxWB/+og+KEH0Q==
   dependencies:
     generic-names "^4.0.0"
     icss-replace-symbols "^1.1.0"
@@ -11927,28 +11925,28 @@ scheduler@^0.20.2:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
 
-"self-published@npm:@parcel/optimizer-image@2.3.3-nightly.2635":
-  version "2.3.3-nightly.2635"
-  resolved "https://packages.atlassian.com/api/npm/npm-remote/@parcel/optimizer-image/-/optimizer-image-2.3.3-nightly.2635.tgz#0a5c50357441eaba8d9265111468796751d1b145"
-  integrity sha512-FmU1x+yWt8cYJSG6zLRaxbGnR6sppLn2a5IxzNXCpmoYFyDzTfh8DkUvGBv/s6hBisRdAbJadqSzAkDxB8+i2w==
+"self-published@npm:@parcel/optimizer-image@2.4.1-nightly.2654":
+  version "2.4.1-nightly.2654"
+  resolved "https://registry.yarnpkg.com/@parcel/optimizer-image/-/optimizer-image-2.4.1-nightly.2654.tgz#ceae11424285f73fe2b4662994edc2f4e48d0095"
+  integrity sha512-FUh2mWBiE96zwoEyTQs8KH5oDVdL6c/1pbieNcGHwhZJeZKU2Wt4FG/WHEwXDgwvCaikszU4pbuYQasjT4IUqw==
   dependencies:
-    "@parcel/diagnostic" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/plugin" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/utils" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/workers" "2.0.0-nightly.1012+083e530c0"
+    "@parcel/diagnostic" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/plugin" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/utils" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/workers" "2.0.0-nightly.1031+d3ea25517"
     detect-libc "^1.0.3"
 
-"self-published@npm:@parcel/transformer-js@2.0.0-nightly.1012":
-  version "2.0.0-nightly.1012"
-  resolved "https://packages.atlassian.com/api/npm/npm-remote/@parcel/transformer-js/-/transformer-js-2.0.0-nightly.1012.tgz#c8575a50afa61046f0ef67184b760315d64c9ab0"
-  integrity sha512-nesOobmt7nTUPHBROzmWMtGFLmvHkmvRWkFjbsGRWOvBsyCWjdbprezXWzRLZ05VB8O4W2qkawGde1aCzT386g==
+"self-published@npm:@parcel/transformer-js@2.0.0-nightly.1031":
+  version "2.0.0-nightly.1031"
+  resolved "https://registry.yarnpkg.com/@parcel/transformer-js/-/transformer-js-2.0.0-nightly.1031.tgz#e5c3a835777a8ca12edca608513a13176299db6a"
+  integrity sha512-sds6o4oeMCRGuUQRBrsLqqotC3C+MU7FTXXwdW0ptIadA61pTs7GB8ZyW5OMIcG61wtvA9gSG7lj+0ojx0dN3Q==
   dependencies:
-    "@parcel/diagnostic" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/plugin" "2.0.0-nightly.1012+083e530c0"
+    "@parcel/diagnostic" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/plugin" "2.0.0-nightly.1031+d3ea25517"
     "@parcel/source-map" "^2.0.0"
-    "@parcel/utils" "2.0.0-nightly.1012+083e530c0"
-    "@parcel/workers" "2.0.0-nightly.1012+083e530c0"
-    "@swc/helpers" "^0.2.11"
+    "@parcel/utils" "2.0.0-nightly.1031+d3ea25517"
+    "@parcel/workers" "2.0.0-nightly.1031+d3ea25517"
+    "@swc/helpers" "^0.3.6"
     browserslist "^4.6.6"
     detect-libc "^1.0.3"
     nullthrows "^1.1.1"