import postcssGlobalData from '@csstools/postcss-global-data';
import postcssImport from 'postcss-import';
import postcssPresetEnv from 'postcss-preset-env';

export default {
  plugins: [
    postcssGlobalData({
      files: ['./src/styles/custom-media.css'],
    }),
    postcssImport(),
    postcssPresetEnv({
      stage: 2,
      features: {
        'custom-media-queries': true,
        'nesting-rules': true,
        'media-query-ranges': true,
      },
    }),
  ],
};