Fix issue

src/__tests__/__snapshots__/emit.test.ts.snap

@@ -0,0 +1,27 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`emit > supports emitting as CSS module 1`] = `
+"// babel-tailwind:/Users/aet/Documents/Git/babel-tailwind/src/.temp-attr/index.module.css
+var index_default = {
+  "tw-gqn2k6": "index_tw-gqn2k6",
+  "tw-1qtvvjy": "index_tw-1qtvvjy"
+};
+
+import { cx as _cx } from "@emotion/css";
+import { jsx } from "react/jsx-runtime";
+function Hello() {
+  return /* @__PURE__ */ jsx("div", { className: _cx([index_default["tw-gqn2k6"], index_default["tw-1qtvvjy"]]), children: "Hello, world!" });
+}
+export {
+  Hello
+};"
+`;
+
+exports[`emit > supports emitting as CSS module 2`] = `
+".index_tw-gqn2k6 {
+  text-align: center;
+}
+.index_tw-1qtvvjy:hover {
+  font-weight: 600;
+}"
+`;

src/__tests__/attr.test.ts

@@ -1,4 +1,5 @@
 import { describe, it } from "vitest";
+
 import { getBuild, matchSnapshot } from "./utils";
 
 describe("attr", () => {
@@ -61,7 +62,7 @@ describe("attr", () => {
     matchSnapshot(files);
   });
 
-  it.only("fails", async () => {
+  it("fails", async () => {
     const { files } = await compileESBuild({
       clsx: "emotion",
       expectFiles: 2,

src/__tests__/base.test.ts

@@ -1,5 +1,7 @@
 import { describe, expect, it } from "vitest";
+
 import { createPostCSS } from "../index";
+
 import { getBuild, minCSS, name } from "./utils";
 
 describe("babel-tailwind", () => {

src/__tests__/emit.test.ts

@@ -0,0 +1,26 @@
+import { describe, it } from "vitest";
+
+import { getBuild, matchSnapshot } from "./utils";
+
+describe("emit", () => {
+  const compileESBuild = getBuild("attr");
+
+  it("supports emitting as CSS module", async () => {
+    const { files } = await compileESBuild({
+      clsx: "emotion",
+      expectFiles: 2,
+      cssModules: true,
+      javascript: /* tsx */ `
+        export function Hello() {
+          return (
+            <div css={["text-center", { hover: "font-semibold" }]}>
+              Hello, world!
+            </div>
+          );
+        }
+      `,
+    });
+
+    matchSnapshot(files);
+  });
+});

src/__tests__/merge.test.ts

@@ -1,6 +1,8 @@
 /* eslint-disable unicorn/string-content */
 import { describe, expect, it } from "vitest";
+
 import { getClassName } from "../index";
+
 import { getBuild } from "./utils";
 
 describe("merges with existing className attribute", () => {

src/__tests__/options.test.ts

@@ -1,4 +1,5 @@
 import { describe, expect, it } from "vitest";
+
 import { getBuild, matchSnapshot } from "./utils";
 
 describe("options", () => {

src/__tests__/styleObject.test.ts

@@ -1,4 +1,5 @@
 import { describe, it } from "vitest";
+
 import { getBuild, matchSnapshot } from "./utils";
 
 describe("babel-tailwind", () => {

src/__tests__/tw.test.ts

@@ -1,4 +1,5 @@
 import { describe, it } from "vitest";
+
 import { getBuild, matchSnapshot } from "./utils";
 
 describe("babel-tailwind", () => {

src/__tests__/utils.ts

@@ -1,8 +1,10 @@
 import { promises as fs } from "node:fs";
 import { join, resolve } from "node:path";
-import { afterEach, beforeEach, expect } from "vitest";
-import * as esbuild from "esbuild";
+
 import dedent from "dedent";
+import * as esbuild from "esbuild";
+import { afterEach, beforeEach, expect } from "vitest";
+
 import { type TailwindPluginOptions, babelPlugin, getTailwindPlugins } from "../index";
 
 export { name } from "../../package.json" with { type: "json" };