fix(react): honour import_source in new jsx

crates/swc_ecma_transforms_react/src/jsx/mod.rs

@@ -993,7 +993,7 @@ where
                         src: Str {
                             span: DUMMY_SP,
                             raw: None,
-                            value: "react".into(),
+                            value: self.import_source.clone(),
                         }
                         .into(),
                         type_only: Default::default(),

crates/swc_ecma_transforms_react/tests/jsx/fixture/issue-6987/input.js

@@ -0,0 +1,24 @@
+import { isValidElement, Children } from "react";
+
+import * as styles from "./CheckmarkList.styles";
+
+
+const CheckmarkList = ({ children}) => {
+  const listItems = () =>
+    Children.map(children, (child, index) => {
+      if (!isValidElement(child)) {
+        return null;
+      }
+      const { children: liChildren, css: liCss, ...otherProps } = child.props;
+
+      return (
+        <li {...otherProps} key={`checkmark-list-item-${index}`} css={[styles.listItem, liCss]}>
+          {liChildren}
+        </li>
+      );
+    });
+
+  return <ul css={styles.list}>{listItems()}</ul>;
+};
+
+export { CheckmarkList };

crates/swc_ecma_transforms_react/tests/jsx/fixture/issue-6987/options.json

@@ -0,0 +1,6 @@
+{
+    "runtime": "automatic",
+    "importSource": "@emotion/react",
+    "pragma": "React.createElement",
+    "pragmaFrag": "React.Fragment"
+}

crates/swc_ecma_transforms_react/tests/jsx/fixture/issue-6987/output.mjs

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { createElement as _createElement } from "@emotion/react";
+import { isValidElement, Children } from "react";
+import * as styles from "./CheckmarkList.styles";
+const CheckmarkList = ({ children  })=>{
+    const listItems = ()=>Children.map(children, (child, index)=>{
+            if (!/*#__PURE__*/ isValidElement(child)) {
+                return null;
+            }
+            const { children: liChildren , css: liCss , ...otherProps } = child.props;
+            return /*#__PURE__*/ _createElement("li", {
+                ...otherProps,
+                key: `checkmark-list-item-${index}`,
+                css: [
+                    styles.listItem,
+                    liCss
+                ]
+            }, liChildren);
+        });
+    return /*#__PURE__*/ _jsx("ul", {
+        css: styles.list,
+        children: listItems()
+    });
+};
+export { CheckmarkList };