No preview error but components are working fine

[theparthway]

Summary

I'm trying to use postcss prefixwrap along with tailwind in my component library, but the moment I implement this I get the "No preview: Sorry, but you either have no stories or none are selected somehow." error. The components seem to be styled perfectly, which means it's not a css issue, it seems to be a Storybook config issue.

Additional information

main.ts:

import type { StorybookConfig } from "@storybook/react-vite";

const config: StorybookConfig = {
  stories: ["../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
  addons: [
    "@storybook/addon-links",
    "@storybook/addon-essentials",
    "@chromatic-com/storybook",
    "@storybook/addon-interactions",
  ],
  framework: {
    name: "@storybook/react-vite",
    options: {},
  },
  docs: {
    autodocs: "tag",
  },
};
export default config;

preview.ts:

import type { Preview } from "@storybook/react";
import "../src/tailwind-entry.css";

const preview: Preview = {
  parameters: {
    backgrounds: {
      default: "blue",
      values: [
        {
          name: "light",
          value: "#FFFFFF",
        },
        {
          name: "blue",
          value: "#B2DAFF",
        },
        {
          name: "dark",
          value: "#000000",
        },
      ],
    },
    controls: {
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/i,
      },
    },
    viewport: {
      viewports: {
        xs: {
          name: "xs",
          styles: {
            width: "360px",
            height: "100%",
          },
        },
        sm: {
          name: "sm",
          styles: {
            width: "600px",
            height: "100%",
          },
        },
        md: {
          name: "md",
          styles: {
            width: "900px",
            height: "100%",
          },
        },
        lg: {
          name: "lg",
          styles: {
            width: "1200px",
            height: "100%",
          },
        },
        xl: {
          name: "xl",
          styles: {
            width: "1440px",
            height: "100%",
          },
        },
      },
    },
  },
};

export default preview;

Create a reproduction

No response