fix: emit native injection code as CommonJS

src/__tests__/metro/injection-code.test.ts

@@ -0,0 +1,29 @@
+import { Script } from "node:vm";
+
+import { getNativeInjectionCode } from "../../metro/injection-code";
+
+describe("getNativeInjectionCode", () => {
+  test("emits code that can execute in script mode", () => {
+    const inject = jest.fn();
+    const requireModule = jest.fn((specifier: string) => {
+      if (specifier === "react-native-css/native-internal") {
+        return { StyleCollection: { inject } };
+      }
+      return {};
+    });
+    const code = getNativeInjectionCode(
+      ["./styles.css"],
+      [{ s: [] }],
+    ).toString();
+
+    const script = new Script(code);
+    script.runInNewContext({ require: requireModule });
+
+    expect(requireModule).toHaveBeenNthCalledWith(
+      1,
+      "react-native-css/native-internal",
+    );
+    expect(requireModule).toHaveBeenNthCalledWith(2, "./styles.css");
+    expect(inject).toHaveBeenCalledWith({ s: [] });
+  });
+});

src/metro/injection-code.ts

@@ -21,14 +21,14 @@ export function getNativeInjectionCode(
   values: unknown[],
 ) {
   const importStatements = cssFilePaths
-    .map((filePath) => `import "${filePath}";`)
+    .map((filePath) => `require("${filePath}");`)
     .join("\n");
 
   const contents = values
     .map((value) => `StyleCollection.inject(${JSON.stringify(value)});`)
     .join("\n");
 
   return Buffer.from(
-    `import { StyleCollection } from "react-native-css/native-internal";\n${importStatements}\n${contents};export {};`,
+    `const { StyleCollection } = require("react-native-css/native-internal");\n${importStatements}\n${contents}`,
   );
 }