postcss.config.js

const postCssPresetEnv = [
  'postcss-preset-env',
  {
    features: {
      'nesting-rules': true,
    },
  },
];

const plugins =
  process.env.NODE_ENV === 'production'
    ? [
        [
          '@fullhuman/postcss-purgecss',
          {
            css: ['frontend/style/dsfr.min.css'],
            content: [
              './pages/**/*.{js,jsx,ts,tsx}',
              './app/**/*.{js,jsx,ts,tsx}',
              './components/**/*.{js,jsx,ts,tsx}',
              './components-ui/**/*.{js,jsx,ts,tsx}',
            ],
            safelist: {
              standard: [/html/, /body/, /anchor-link/],
              deep: [],
              greedy: [/maplibregl/],
            },
            fontFace: true,
          },
        ],
        'postcss-flexbugs-fixes',
        postCssPresetEnv,
        [
          'cssnano',
          {
            preset: [
              'default',
              {
                discardComments: { removeAll: true },
                calc: false,
              },
            ],
          },
        ],
      ]
    : [postCssPresetEnv];

module.exports = {
  plugins,
};