Tailwind Purging Issue

Test-prettier.js

// prettified

import { merge as r } from "../../utilities/merge.js";
import m from "react";
const s = ({ size: e = "small", children: t }) =>
  m.createElement(
    "div",
    { className: r(["tw-relative", e === "small" ? "tw-pr-1.5" : "tw-pr-2"]) },
    t
  );
export { s as Test };
//# sourceMappingURL=Test.js.map

Test.js

import{merge as r}from"../../utilities/merge.js";import m from"react";const s=({size:e="small",children:t})=>m.createElement("div",{className:r(["tw-relative",e==="small"?"tw-pr-1.5":"tw-pr-2"])},t);export{s as Test};
//# sourceMappingURL=Test.js.map

Test.tsx

import { merge } from "@utilities/merge";
import React, { FC, PropsWithChildren } from "react";

type Props = {
    size?: "small" | "large";
};

export const Test: FC<PropsWithChildren<Props>> = ({ size = "small", children }) => {
    return <div className={merge([
        "tw-relative", 
        size === "small" ? "tw-pr-1.5" : "tw-pr-2",
        ])}>
        {children}
    </div>;
};