remove side effects

cli/csstools-cli/package.json

@@ -55,7 +55,6 @@
 		"postcss-custom-selectors": "^6.0.2",
 		"postcss-dir-pseudo-class": "^6.0.4",
 		"postcss-double-position-gradients": "^3.1.1",
-		"postcss-env-function": "^4.0.6",
 		"postcss-focus-visible": "^7.0.0",
 		"postcss-focus-within": "^6.0.0",
 		"postcss-gap-properties": "^3.0.3",

cli/csstools-cli/src/cli.ts

@@ -12,7 +12,6 @@ import postcssCustomProperties from './plugins/postcss-custom-properties';
 import postcssCustomSelectors from './plugins/postcss-custom-selectors';
 import postcssDirPseudoClass from './plugins/postcss-dir-pseudo-class';
 import postcssDoublePositionGradients from './plugins/postcss-double-position-gradients';
-import postcssEnvFunction from './plugins/postcss-env-function';
 import postcssFocusVisible from './plugins/postcss-focus-visible';
 import postcssFocusWithin from './plugins/postcss-focus-within';
 import postcssFontFormatKeywords from './plugins/postcss-font-format-keywords';
@@ -80,9 +79,6 @@ function main() {
 		case 'postcss-double-position-gradients':
 			postcssDoublePositionGradients();
 			return;
-		case 'postcss-env-function':
-			postcssEnvFunction();
-			return;
 		case 'postcss-focus-visible':
 			postcssFocusVisible();
 			return;

plugin-packs/postcss-preset-env/.tape.mjs

@@ -171,15 +171,17 @@ postcssTape(plugin)({
 		options: {
 			stage: 0,
 			browsers: '> 0%'
-		}
+		},
+		warnings: 1,
 	},
 	'layers-basic:preserve:true': {
 		message: 'supports layers usage with { preserve: true }',
 		options: {
 			preserve: true,
 			stage: 0,
 			browsers: '> 0%'
-		}
+		},
+		warnings: 1,
 	},
 	'client-side-polyfills:stage-1': {
 		message: 'stable client side polyfill behavior',

plugin-packs/postcss-preset-env/src/lib/ids-by-execution-order.mjs

@@ -1,5 +1,6 @@
 // ids ordered by required execution, then alphabetically
 export default [
+	'cascade-layers',
 	'custom-media-queries',
 	'custom-properties',
 	'environment-variables', // run environment-variables here to access transpiled custom media params and properties
@@ -32,7 +33,6 @@ export default [
 	'overflow-wrap-property',
 	'place-properties',
 	'system-ui-font-family',
-	'cascade-layers',
 	'stepped-value-functions',
 	'trigonometric-functions',
 ];

plugins/postcss-cascade-layers/CHANGELOG.md

@@ -2,6 +2,7 @@
 
 ### Unreleased (major)
 
+- Run `postcss-cascade-layers` early compared to other PostCSS plugins (breaking)
 - Updated: Support for Node v14+ (major).
 
 ### 1.1.0 (September 14, 2022)

plugins/postcss-cascade-layers/src/index.ts

@@ -23,7 +23,7 @@ const creator: PluginCreator<pluginOptions> = (opts?: pluginOptions) => {
 
 	return {
 		postcssPlugin: 'postcss-cascade-layers',
-		OnceExit(root: Container, { result }: { result: Result }) {
+		Once(root: Container, { result }: { result: Result }) {
 
 			// Warnings
 			if (options.onRevertLayerKeyword) {

plugins/postcss-custom-media/.tape.mjs

@@ -0,0 +1,26 @@
+import postcssTape from '../../packages/postcss-tape/dist/index.mjs';
+import plugin from 'postcss-custom-media';
+
+postcssTape(plugin)({
+	'basic': {
+		message: 'supports basic usage'
+	},
+	'basic:preserve': {
+		message: 'supports { preserve: true } usage',
+		options: {
+			preserve: true
+		}
+	},
+	'examples/example': {
+		message: 'minimal example',
+	},
+	'examples/example:preserve': {
+		message: 'minimal example',
+		options: {
+			preserve: true
+		}
+	},
+	'complex': {
+		message: 'supports complex usage'
+	},
+});