建议参考tailwindcss-typography，做成插件一键导入项目

[18601673727]

https://github.com/tailwindlabs/tailwindcss-typography

方便灵活的配置

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {
      typography: {
        // 配置@tailwindcss/typography
        DEFAULT: {
          css: {
            pre: null, // 停用该样式
            code: null, // 停用该样式
          },
        },
      },
    },
  },
  darkMode: "class",
  plugins: [
    require("@tailwindcss/typography"),
  ],
}

简单的@apply

.my-component {
  @apply prose dark:prose-invert prose-stone prose-a:text-primary max-w-none;
}