Why shim server not able generate style tag with plugin applied ?

[MpMeetPatel]

Here is the code I am trying to generate style tag with custom theme applied, other features are working fine except plugins classes are not generated in a style tag.

 const sheet = virtualSheet();
  const { tw } = create({
    sheet,
    preflight: false,
    mode: "jit",
    darkMode: false, // or 'media' or 'class'
    theme: {
      extend: {
        colors: {
          primary: {
            100: "#e4e1fe",
            200: "#cac3fd",
            300: "#ada4fa",
            400: "#968cf6",
            500: "#7367f0",
            600: "#554bce",
            700: "#3c33ac",
            800: "#27208b",
            900: "#181373",
          },
          success: {
            100: "#f1fcd4",
            200: "#dff9aa",
            300: "#c4ee7d",
            400: "#a7de5a",
            500: "#7fc92a",
            600: "#64ac1e",
            700: "#4b9015",
            800: "#36740d",
            900: "#266008",
          },
          warning: {
            100: "#fff4d1",
            200: "#ffe5a3",
            300: "#ffd375",
            400: "#ffc152",
            500: "#ffa319",
            600: "#db8212",
            700: "#b7650c",
            800: "#934a07",
            900: "#7a3804",
          },
          danger: {
            100: "#ffe6d9",
            200: "#ffc7b4",
            300: "#ffa28e",
            400: "#ff7e72",
            500: "#ff4444",
            600: "#db3140",
            700: "#b7223c",
            800: "#931536",
            900: "#7a0d32",
          },
        },
        container: {
          padding: "2rem",
          center: true,
        },
      },
    },
    plugins: {
      // Component: Button
      btn: "px-5 py-3 text-sm font-medium rounded-lg focus:outline-none flex align-center",
      "btn-primary":
        "bg-primary-500 hover:bg-primary-600 text-white transition duration-200 ease-in-out",
      "btn-success":
        "bg-success-500 hover:bg-success-600 text-white transition duration-200 ease-in-out",
      "btn-warning":
        "bg-warning-500 hover:bg-warning-600 text-white transition duration-200 ease-in-out",
      "btn-danger":
        "bg-danger-500 hover:bg-danger-600 text-white transition duration-200 ease-in-out",

      "btn-primary-light":
        "bg-primary-100 bg-opacity-50 hover:bg-opacity-100 active:bg-primary-200 text-primary-500 transition duration-200 ease-in-out",
      "btn-success-light":
        "bg-success-100 bg-opacity-50 hover:bg-opacity-100 active:bg-success-200 text-success-500 transition duration-200 ease-in-out",
      "btn-warning-light":
        "bg-warning-100 bg-opacity-50 hover:bg-opacity-100 active:bg-warning-200 text-warning-500 transition duration-200 ease-in-out",
      "btn-danger-light":
        "bg-danger-100 bg-opacity-50 hover:bg-opacity-100 active:bg-danger-200 text-danger-500 transition duration-200 ease-in-out",
    },
  });
  sheet.reset();

  // finalHtml is a normal html string

  shim(finalHtml, {
    tw, // defaults to default `tw` instance
  });

  const styleTagProperties = getStyleTagProperties(sheet);

  // just a normal code to inject style tag in browser.
  addStyleTag(styleTagProperties.textContent, styleTagProperties.id);

[sastan]

Sorry. I didn't see this. Have you figured it out or can I help you in any way?