@parcel/transformer-css 2.8.3 → 2.8.4-nightly.0

package/lib/CSSTransformer.js

@@ -226,6 +226,7 @@ var _default = new (_plugin().Transformer)({
             specifier: dep.url,
             specifierType: 'url',
             loc,
+            packageConditions: ['style'],
             meta: {
               // For the glob resolver to distinguish between `@import` and other URL dependencies.
               isCSSImport: true,
@@ -287,7 +288,8 @@ var _default = new (_plugin().Transformer)({
               dependencies.set(ref.specifier, d);
               asset.addDependency({
                 specifier: ref.specifier,
-                specifierType: 'esm'
+                specifierType: 'esm',
+                packageConditions: ['style']
               });
             }
 
@@ -303,9 +305,11 @@ var _default = new (_plugin().Transformer)({
         }
 
         js += s;
-      };
+      }; // It's possible that the exports can be ordered differently between builds.
+      // Sorting by key is safe as the order is irrelevant but needs to be deterministic.
 
-      for (let key in exports) {
+
+      for (let key of Object.keys(exports).sort()) {
         asset.symbols.set(key, exports[key].name);
         add(key);
       }
@@ -330,6 +334,7 @@ var _default = new (_plugin().Transformer)({
           asset.addDependency({
             specifier: reference.specifier,
             specifierType: 'esm',
+            packageConditions: ['style'],
             symbols: new Map([[reference.name, {
               local: symbol,
               isWeak: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parcel/transformer-css",
-  "version": "2.8.3",
+  "version": "2.8.4-nightly.0+7b79c6d",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -17,16 +17,16 @@
   "source": "src/CSSTransformer.js",
   "engines": {
     "node": ">= 12.0.0",
-    "parcel": "^2.8.3"
+    "parcel": "2.8.4-nightly.0+7b79c6d"
   },
   "dependencies": {
-    "@parcel/diagnostic": "2.8.3",
-    "@parcel/plugin": "2.8.3",
+    "@parcel/diagnostic": "2.8.4-nightly.0+7b79c6d",
+    "@parcel/plugin": "2.8.4-nightly.0+7b79c6d",
     "@parcel/source-map": "^2.1.1",
-    "@parcel/utils": "2.8.3",
+    "@parcel/utils": "2.8.4-nightly.0+7b79c6d",
     "browserslist": "^4.6.6",
     "lightningcss": "^1.16.1",
     "nullthrows": "^1.1.1"
   },
-  "gitHead": "349a6caf40ec8abb6a49fcae0765f8f8deb2073d"
+  "gitHead": "7b79c6d69ffabef89810a8db61e9abdeb70d6990"
 }

package/src/CSSTransformer.js

@@ -156,6 +156,7 @@ export default (new Transformer({
             specifier: dep.url,
             specifierType: 'url',
             loc,
+            packageConditions: ['style'],
             meta: {
               // For the glob resolver to distinguish between `@import` and other URL dependencies.
               isCSSImport: true,
@@ -225,6 +226,7 @@ export default (new Transformer({
               asset.addDependency({
                 specifier: ref.specifier,
                 specifierType: 'esm',
+                packageConditions: ['style'],
               });
             }
             s += '${' + `${d}[${JSON.stringify(ref.name)}]` + '}';
@@ -242,7 +244,9 @@ export default (new Transformer({
         js += s;
       };
 
-      for (let key in exports) {
+      // It's possible that the exports can be ordered differently between builds.
+      // Sorting by key is safe as the order is irrelevant but needs to be deterministic.
+      for (let key of Object.keys(exports).sort()) {
         asset.symbols.set(key, exports[key].name);
         add(key);
       }
@@ -266,6 +270,7 @@ export default (new Transformer({
           asset.addDependency({
             specifier: reference.specifier,
             specifierType: 'esm',
+            packageConditions: ['style'],
             symbols: new Map([
               [reference.name, {local: symbol, isWeak: false, loc: null}],
             ]),