[!] Error: Unexpected character '@' (Note that you need plugins to import files that are not JavaScript)

I got this error when I rollup tailwind module.

My rollup config:
```
import postcss from "rollup-plugin-postcss";
import typescript from "rollup-plugin-typescript2";

/**
* @type {import("rollup").RollupOptions}
*/
const config = {
input: "./src/index.tsx",
output: [
{ file: "./lib/esm/index.js", format: "esm" },
{ file: "./lib/cjs/index.js", format: "cjs" },
],
plugins: [
postcss({
config: { path: "./postcss.config.js" },
extensions: ["css"],
minimize: true,
inject: { insertAt: "top" },
}),
typescript({
tsconfig: "tsconfig.json",
}),
],
external: ["react", "react-dom"],
};

export default config;
```