fix(css/modules): Allow out-of-order class names for composes

crates/swc_css_modules/src/lib.rs

@@ -307,13 +307,23 @@ where
                         }
                     }
 
-                    for class_name in n.value.iter() {
+                    for class_name in n.value.iter_mut() {
                         if let ComponentValue::Ident(box Ident { span, value, .. }) = class_name {
-                            if let Some(value) = self.data.orig_to_renamed.get(value) {
+                            let orig = value.clone();
+                            rename(
+                                *span,
+                                &mut self.config,
+                                &mut self.result,
+                                &mut self.data.orig_to_renamed,
+                                &mut self.data.renamed_to_orig,
+                                value,
+                            );
+
+                            if let Some(new_name) = self.data.orig_to_renamed.get(&orig) {
                                 composes_for_current.push(CssClassName::Local {
                                     name: Ident {
                                         span: *span,
-                                        value: value.clone(),
+                                        value: new_name.clone(),
                                         raw: None,
                                     },
                                 });

crates/swc_css_modules/tests/fixture/issue-7910.compiled.css

@@ -0,0 +1,7 @@
+.__local__child-class1 {
+  color: red;
+}
+.__local__root-class {}
+.__local__child-class2 {
+  color: green;
+}

crates/swc_css_modules/tests/fixture/issue-7910.css

@@ -0,0 +1,10 @@
+.child-class1 {
+    color: red;
+}
+.root-class {
+    composes: child-class1;
+    composes: child-class2;
+}
+.child-class2 {
+    color: green;
+}

crates/swc_css_modules/tests/fixture/issue-7910.transform.json

@@ -0,0 +1,28 @@
+{
+    "child-class1": [
+        {
+            "type": "local",
+            "name": "__local__child-class1"
+        }
+    ],
+    "root-class": [
+        {
+            "type": "local",
+            "name": "__local__root-class"
+        },
+        {
+            "type": "local",
+            "name": "__local__child-class1"
+        },
+        {
+            "type": "local",
+            "name": "__local__child-class2"
+        }
+    ],
+    "child-class2": [
+        {
+            "type": "local",
+            "name": "__local__child-class2"
+        }
+    ]
+}