nativewind not working with jsx-runtime transformed components

[Alvi24]

Describe the bug

export const Icon = (props: IconProps) => {
  return jsxs(Svg, {
    height: "18",
    width: "18",
    viewBox: "0 0 18 18",
    strokeWidth: "1.5",
    ...props,
    children: [
      /* @__PURE__ */ jsx(G, {
        fill: "currentColor",
        children: /* @__PURE__ */ jsx(Path, {
          d: "M2.75 9.25L6.75 14.25L15.25 3.75",
          stroke: "currentColor",
          strokeWidth: "1.5",
          strokeLinecap: "round",
          strokeLinejoin: "round",
          fill: "none",
        }),
      }),
    ],
  });
};

i have this icon component and when trying to style it with className , the styles are not applying

Reproduction
Here is the reproduction: https://stackblitz.com/edit/nativewind-test-4whoakvo?file=nativewind.test.tsx

Expected behavior
tailwind styles in className should be applied

[danstepanov]

I'll take a look but I'll be recreating with v4.1 and SDK 54 via npx rn-new@latest --nativewind (your example uses SDK 51). Would be helpful if you could provide a repro of that before I get to it.

[danstepanov]

Closing as stale — no reproduction provided. If still relevant, please open a new issue with a minimal repro.