diff --git a/.parcelrc b/.parcelrc
index 9ef6cb60e69..1e7ec4317b1 100644
--- a/.parcelrc
+++ b/.parcelrc
@@ -12,7 +12,6 @@
     "*.svg": ["@parcel/transformer-svg-react"],
     "packages/@react-aria/example-theme/**/*.css": ["@parcel/transformer-css"],
     "starters/docs/src/*.css": ["@parcel/transformer-css"],
-    "*.css": ["...", "parcel-transformer-css-env"],
     "*.{js,mjs,jsm,jsx,es6,cjs,ts,tsx}": [
       "@parcel/transformer-js",
       "@parcel/transformer-react-refresh-wrap"
diff --git a/packages/dev/parcel-transformer-css-env/CSSEnvTransformer.js b/packages/dev/parcel-transformer-css-env/CSSEnvTransformer.js
index bf6888f3b15..3974afa6df4 100644
--- a/packages/dev/parcel-transformer-css-env/CSSEnvTransformer.js
+++ b/packages/dev/parcel-transformer-css-env/CSSEnvTransformer.js
@@ -15,15 +15,20 @@ const {Transformer} = require('@parcel/plugin');
 module.exports = new Transformer({
   async transform({asset, options}) {
     // Normalize CSS so it always has the same environment and isn't duplicated.
-    // This is necessary because the server bundle has a "node" environment, whereas
-    // the client bundle has a "browser" environment. We want them to end up resolving
-    // to the same asset.
+    // This is so the legacy JS bundle and the modern JS bundle share the same CSS.
     asset.setEnvironment({
       context: 'browser',
       engines: {
         browsers: 'baseline widely available'
       },
-      shouldOptimize: asset.env.shouldOptimize
+      shouldOptimize: asset.env.shouldOptimize,
+      outputFormat: asset.env.outputFormat,
+      isLibrary: asset.env.isLibrary,
+      shouldScopeHoist: asset.env.shouldScopeHoist,
+      includeNodeModules: asset.env.includeNodeModules,
+      loc: asset.env.loc,
+      sourceMap: asset.env.sourceMap,
+      sourceType: asset.env.sourceType
     });
 
     return [asset];