/** @type {import('postcss-load-config').Config} */
const config = {
  plugins: {
    tailwindcss: {},

    autoprefixer: {},
    "postcss-flexbugs-fixes": {
      "postcss-preset-env": {
        autoprefixer: {
          flexbox: "no-2009",
        },
        stage: 3,
        features: {
          "custom-properties": false,
        },
      },

      "@fullhuman/postcss-purgecss": {
        content: [
          "./pages/**/*.{js,jsx,ts,tsx}",
          "./components/**/*.{js,jsx,ts,tsx}",
        ],
        defaultExtractor: (content) => content.match(/[\w-/:]+(?<!:)/g) || [],
        safelist: ["html", "body"],
      },
    },
    cssnano: {},
  },
};

export default config;