postcss.config.js

/**
 * External dependencies
 */
const path = require('path');
const postcssGlobalData = require('@csstools/postcss-global-data');
const postcssImport = require('postcss-import');
const postcssMixins = require('postcss-mixins');
const postcssCustomMedia = require('postcss-custom-media');
const postcssMediaMinMax = require('postcss-media-minmax');
const postcssNesting = require('postcss-nesting');
const postcssDiscardComments = require('postcss-discard-comments');
const autoprefixer = require('autoprefixer');
const cssnano = require('cssnano');

module.exports = (ctx) => {
	const config = {
		plugins: [
			postcssGlobalData({
				files: [path.resolve(`${__dirname}/vendor/t2/utils/src/custom-media.css`)],
			}),
			postcssImport,
			postcssMixins,
			postcssCustomMedia,
			postcssMediaMinMax,
			postcssNesting({
				noIsPseudoSelector: true,
			}),
			postcssDiscardComments,
			autoprefixer,
		],
	};

	if (ctx.env === 'production') {
		config.plugins.push(cssnano());
	}

	return config;
};