use csstools/postcss-system-ui-font-family

romainmenke · romainmenke · commit edaac623d88f · 2025-12-04T21:56:41.000+01:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/plugin-packs/postcss-preset-env/CHANGELOG.md b/plugin-packs/postcss-preset-env/CHANGELOG.md
@@ -3,7 +3,7 @@
 ### Unreleased (minor)
 
 - Added `@csstools/postcss-position-area-property` [Check the plugin README](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-position-area-property#readme) for usage details.
-- Updated [`cssdb`](https://github.com/csstools/cssdb) to [`8.5.1`](https://github.com/csstools/cssdb/blob/main/CHANGELOG.md#851-december-3-2025) (patch)
+- Updated [`cssdb`](https://github.com/csstools/cssdb) to [`8.5.2`](https://github.com/csstools/cssdb/blob/main/CHANGELOG.md#852-december-4-2025) (patch)
 
 ### 10.4.0
 
diff --git a/plugin-packs/postcss-preset-env/FEATURES.md b/plugin-packs/postcss-preset-env/FEATURES.md
@@ -65,7 +65,7 @@ The `ID` listed is the key for PostCSS Preset Env configuration in your project.
 | [<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/scope-pseudo-class.svg" height="18">](https://cssdb.org/#scope-pseudo-class) | `scope-pseudo-class` | `:scope()` Reference Element Pseudo-class | [example](https://preset-env.cssdb.org/features/#scope-pseudo-class) | [docs](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-scope-pseudo-class#readme) |
 | [<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/sign-functions.svg" height="18">](https://cssdb.org/#sign-functions) | `sign-functions` | `abs()` and `sign()` functions | [example](https://preset-env.cssdb.org/features/#sign-functions) | [docs](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-sign-functions#readme) |
 | [<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/stepped-value-functions.svg" height="18">](https://cssdb.org/#stepped-value-functions) | `stepped-value-functions` | `round()`, `mod()` and `rem()` functions | [example](https://preset-env.cssdb.org/features/#stepped-value-functions) | [docs](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-stepped-value-functions#readme) |
-| [<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/system-ui-font-family.svg" height="18">](https://cssdb.org/#system-ui-font-family) | `system-ui-font-family` | `system-ui` Font Family | [example](https://preset-env.cssdb.org/features/#system-ui-font-family) | [docs](https://github.com/JLHwung/postcss-font-family-system-ui#readme) |
+| [<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/system-ui-font-family.svg" height="18">](https://cssdb.org/#system-ui-font-family) | `system-ui-font-family` | `system-ui` Font Family | [example](https://preset-env.cssdb.org/features/#system-ui-font-family) | [docs](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-system-ui-font-family#readme) |
 | [<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/text-decoration-shorthand.svg" height="18">](https://cssdb.org/#text-decoration-shorthand) | `text-decoration-shorthand` | `text-decoration` shorthand | [example](https://preset-env.cssdb.org/features/#text-decoration-shorthand) | [docs](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-text-decoration-shorthand#readme) |
 | [<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/trigonometric-functions.svg" height="18">](https://cssdb.org/#trigonometric-functions) | `trigonometric-functions` | `sin()`, `cos()`, `tan()`, `asin()`, `acos()`, `atan()` and `atan2()` functions | [example](https://preset-env.cssdb.org/features/#trigonometric-functions) | [docs](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-trigonometric-functions#readme) |
 | [<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/unset-value.svg" height="18">](https://cssdb.org/#unset-value) | `unset-value` | `unset` Keyword | [example](https://preset-env.cssdb.org/features/#unset-value) | [docs](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-unset-value#readme) |
diff --git a/plugin-packs/postcss-preset-env/dist/index.cjs b/plugin-packs/postcss-preset-env/dist/index.cjs
diff --git a/plugin-packs/postcss-preset-env/dist/index.d.ts b/plugin-packs/postcss-preset-env/dist/index.d.ts
@@ -52,10 +52,11 @@ import type { pluginOptions as pluginOptions_54 } from '@csstools/postcss-relati
 import type { pluginOptions as pluginOptions_55 } from '@csstools/postcss-scope-pseudo-class';
 import type { pluginOptions as pluginOptions_56 } from '@csstools/postcss-sign-functions';
 import type { pluginOptions as pluginOptions_57 } from '@csstools/postcss-stepped-value-functions';
-import type { pluginOptions as pluginOptions_58 } from '@csstools/postcss-text-decoration-shorthand';
-import type { pluginOptions as pluginOptions_59 } from '@csstools/postcss-trigonometric-functions';
+import type { pluginOptions as pluginOptions_58 } from '@csstools/postcss-system-ui-font-family';
+import type { pluginOptions as pluginOptions_59 } from '@csstools/postcss-text-decoration-shorthand';
 import type { pluginOptions as pluginOptions_6 } from '@csstools/postcss-cascade-layers';
-import type { pluginOptions as pluginOptions_60 } from '@csstools/postcss-unset-value';
+import type { pluginOptions as pluginOptions_60 } from '@csstools/postcss-trigonometric-functions';
+import type { pluginOptions as pluginOptions_61 } from '@csstools/postcss-unset-value';
 import type { pluginOptions as pluginOptions_7 } from 'postcss-attribute-case-insensitive';
 import type { pluginOptions as pluginOptions_8 } from '@csstools/postcss-color-function';
 import type { pluginOptions as pluginOptions_9 } from '@csstools/postcss-color-function-display-p3-linear';
@@ -278,14 +279,14 @@ export declare type pluginsOptions = {
     'sign-functions'?: subPluginOptions<pluginOptions_56>;
     /** plugin options for "@csstools/postcss-stepped-value-functions" */
     'stepped-value-functions'?: subPluginOptions<pluginOptions_57>;
-    /** plugin options for "postcss-system-ui-font-family" */
-    'system-ui-font-family'?: subPluginOptions<postcssFontFamilySystemUIOptions>;
+    /** plugin options for "@csstools/postcss-system-ui-font-family" */
+    'system-ui-font-family'?: subPluginOptions<pluginOptions_58>;
     /** plugin options for "@csstools/postcss-text-decoration-shorthand" */
-    'text-decoration-shorthand'?: subPluginOptions<pluginOptions_58>;
+    'text-decoration-shorthand'?: subPluginOptions<pluginOptions_59>;
     /** plugin options for "@csstools/postcss-trigonometric-functions" */
-    'trigonometric-functions'?: subPluginOptions<pluginOptions_59>;
+    'trigonometric-functions'?: subPluginOptions<pluginOptions_60>;
     /** plugin options for "@csstools/postcss-unset-value" */
-    'unset-value'?: subPluginOptions<pluginOptions_60>;
+    'unset-value'?: subPluginOptions<pluginOptions_61>;
 };
 
 /** postcss-clamp plugin options */
diff --git a/plugin-packs/postcss-preset-env/dist/index.mjs b/plugin-packs/postcss-preset-env/dist/index.mjs
diff --git a/plugin-packs/postcss-preset-env/package.json b/plugin-packs/postcss-preset-env/package.json
@@ -86,6 +86,7 @@
 		"@csstools/postcss-scope-pseudo-class": "^4.0.1",
 		"@csstools/postcss-sign-functions": "^1.1.4",
 		"@csstools/postcss-stepped-value-functions": "^4.0.9",
+		"@csstools/postcss-system-ui-font-family": "^1.0.0",
 		"@csstools/postcss-text-decoration-shorthand": "^4.0.3",
 		"@csstools/postcss-trigonometric-functions": "^4.0.9",
 		"@csstools/postcss-unset-value": "^4.0.0",
@@ -94,7 +95,7 @@
 		"css-blank-pseudo": "^7.0.1",
 		"css-has-pseudo": "^7.0.3",
 		"css-prefers-color-scheme": "^10.0.0",
-		"cssdb": "^8.5.1",
+		"cssdb": "^8.5.2",
 		"postcss-attribute-case-insensitive": "^7.0.1",
 		"postcss-clamp": "^4.1.0",
 		"postcss-color-functional-notation": "^7.0.12",
diff --git a/plugin-packs/postcss-preset-env/scripts/generate-plugins-data.mjs b/plugin-packs/postcss-preset-env/scripts/generate-plugins-data.mjs
@@ -12,7 +12,7 @@ function generatePluginsByID(data) {
 
 	for (let i = 0; i < plugins.length; i++) {
 		const plugin = plugins[i];
-		result += `import ${plugin.importName} from '${plugin.importedPackage || plugin.packageName}';\n`;
+		result += `import ${plugin.importName} from '${plugin.packageName}';\n`;
 	}
 
 	result += `
diff --git a/plugin-packs/postcss-preset-env/scripts/plugins-data.json b/plugin-packs/postcss-preset-env/scripts/plugins-data.json
@@ -285,10 +285,9 @@
 		"importName": "postcssSteppedValueFunctions"
 	},
 	{
-		"packageName": "postcss-system-ui-font-family",
-		"importedPackage": "../patch/postcss-system-ui-font-family.mjs",
+		"packageName": "@csstools/postcss-system-ui-font-family",
 		"id": "system-ui-font-family",
-		"importName": "postcssFontFamilySystemUI"
+		"importName": "postcssSystemUIFontFamily"
 	},
 	{
 		"packageName": "@csstools/postcss-unset-value",
diff --git a/plugin-packs/postcss-preset-env/src/patch/postcss-system-ui-font-family.mjs b/plugin-packs/postcss-preset-env/src/patch/postcss-system-ui-font-family.mjs
diff --git a/plugin-packs/postcss-preset-env/src/plugins/plugins-by-id.mjs b/plugin-packs/postcss-preset-env/src/plugins/plugins-by-id.mjs
@@ -60,7 +60,7 @@ import postcssRelativeColorSyntax from '@csstools/postcss-relative-color-syntax'
 import postcssScopePseudoClass from '@csstools/postcss-scope-pseudo-class';
 import postcssSignFunctions from '@csstools/postcss-sign-functions';
 import postcssSteppedValueFunctions from '@csstools/postcss-stepped-value-functions';
-import postcssFontFamilySystemUI from '../patch/postcss-system-ui-font-family.mjs';
+import postcssSystemUIFontFamily from '@csstools/postcss-system-ui-font-family';
 import postcssTextDecorationShorthand from '@csstools/postcss-text-decoration-shorthand';
 import postcssTrigonometricFunctions from '@csstools/postcss-trigonometric-functions';
 import postcssUnsetValue from '@csstools/postcss-unset-value';
@@ -130,7 +130,7 @@ export const pluginsById = new Map(
 		['scope-pseudo-class', postcssScopePseudoClass],
 		['sign-functions', postcssSignFunctions],
 		['stepped-value-functions', postcssSteppedValueFunctions],
-		['system-ui-font-family', postcssFontFamilySystemUI],
+		['system-ui-font-family', postcssSystemUIFontFamily],
 		['text-decoration-shorthand', postcssTextDecorationShorthand],
 		['trigonometric-functions', postcssTrigonometricFunctions],
 		['unset-value', postcssUnsetValue],
diff --git a/plugin-packs/postcss-preset-env/src/plugins/plugins-data.mjs b/plugin-packs/postcss-preset-env/src/plugins/plugins-data.mjs
@@ -285,10 +285,9 @@ export default [
 		'importName': 'postcssSteppedValueFunctions',
 	},
 	{
-		'packageName': 'postcss-system-ui-font-family',
-		'importedPackage': '../patch/postcss-system-ui-font-family.mjs',
+		'packageName': '@csstools/postcss-system-ui-font-family',
 		'id': 'system-ui-font-family',
-		'importName': 'postcssFontFamilySystemUI',
+		'importName': 'postcssSystemUIFontFamily',
 	},
 	{
 		'packageName': '@csstools/postcss-unset-value',
diff --git a/plugin-packs/postcss-preset-env/src/plugins/plugins-options.ts b/plugin-packs/postcss-preset-env/src/plugins/plugins-options.ts
@@ -59,7 +59,7 @@ import type { pluginOptions as postcssRelativeColorSyntaxOptions } from '@csstoo
 import type { pluginOptions as postcssScopePseudoClassOptions } from '@csstools/postcss-scope-pseudo-class';
 import type { pluginOptions as postcssSignFunctionsOptions } from '@csstools/postcss-sign-functions';
 import type { pluginOptions as postcssSteppedValueFunctionsOptions } from '@csstools/postcss-stepped-value-functions';
-import type { postcssFontFamilySystemUIOptions } from '../types/postcss-system-ui-font-family/plugin-options';
+import type { pluginOptions as postcssSystemUIFontFamilyOptions } from '@csstools/postcss-system-ui-font-family';
 import type { pluginOptions as postcssTextDecorationShorthandOptions } from '@csstools/postcss-text-decoration-shorthand';
 import type { pluginOptions as postcssTrigonometricFunctionsOptions } from '@csstools/postcss-trigonometric-functions';
 import type { pluginOptions as postcssUnsetValueOptions } from '@csstools/postcss-unset-value';
@@ -189,8 +189,8 @@ export type pluginsOptions = {
 	'sign-functions'?: subPluginOptions<postcssSignFunctionsOptions>
 	/** plugin options for "@csstools/postcss-stepped-value-functions" */
 	'stepped-value-functions'?: subPluginOptions<postcssSteppedValueFunctionsOptions>
-	/** plugin options for "postcss-system-ui-font-family" */
-	'system-ui-font-family'?: subPluginOptions<postcssFontFamilySystemUIOptions>
+	/** plugin options for "@csstools/postcss-system-ui-font-family" */
+	'system-ui-font-family'?: subPluginOptions<postcssSystemUIFontFamilyOptions>
 	/** plugin options for "@csstools/postcss-text-decoration-shorthand" */
 	'text-decoration-shorthand'?: subPluginOptions<postcssTextDecorationShorthandOptions>
 	/** plugin options for "@csstools/postcss-trigonometric-functions" */
diff --git a/plugin-packs/postcss-preset-env/test/basic.autoprefixer.expect.css b/plugin-packs/postcss-preset-env/test/basic.autoprefixer.expect.css
@@ -121,7 +121,7 @@
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	order: 18;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.autoprefixer.false.expect.css b/plugin-packs/postcss-preset-env/test/basic.autoprefixer.false.expect.css
@@ -121,7 +121,7 @@
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	order: 18;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.autoprefixer.remove.false.expect.css b/plugin-packs/postcss-preset-env/test/basic.autoprefixer.remove.false.expect.css
@@ -122,7 +122,7 @@
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	order: 18;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.ch38.expect.css b/plugin-packs/postcss-preset-env/test/basic.ch38.expect.css
@@ -114,7 +114,7 @@
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	order: 18;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.edge16.expect.css b/plugin-packs/postcss-preset-env/test/basic.edge16.expect.css
@@ -121,7 +121,7 @@
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	order: 18;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.expect.css b/plugin-packs/postcss-preset-env/test/basic.expect.css
@@ -122,7 +122,7 @@
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	order: 18;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.ff49.expect.css b/plugin-packs/postcss-preset-env/test/basic.ff49.expect.css
@@ -120,7 +120,7 @@
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	order: 18;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.ff66.expect.css b/plugin-packs/postcss-preset-env/test/basic.ff66.expect.css
@@ -119,7 +119,7 @@
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	order: 18;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.hebrew.expect.css b/plugin-packs/postcss-preset-env/test/basic.hebrew.expect.css
@@ -120,7 +120,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	order: 18;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.ie10.expect.css b/plugin-packs/postcss-preset-env/test/basic.ie10.expect.css
@@ -141,7 +141,7 @@
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	-ms-flex-order: 18;
 	    order: 18;
 }
diff --git a/plugin-packs/postcss-preset-env/test/basic.nesting.false.expect.css b/plugin-packs/postcss-preset-env/test/basic.nesting.false.expect.css
@@ -113,7 +113,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	order: 18;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.op_mini.expect.css b/plugin-packs/postcss-preset-env/test/basic.op_mini.expect.css
@@ -119,7 +119,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	order: 18;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.preserve.false.expect.css b/plugin-packs/postcss-preset-env/test/basic.preserve.false.expect.css
@@ -175,7 +175,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: -apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	-webkit-box-ordinal-group: 19;
 	-webkit-order: 18;
 	   -moz-box-ordinal-group: 19;
diff --git a/plugin-packs/postcss-preset-env/test/basic.preserve.true.expect.css b/plugin-packs/postcss-preset-env/test/basic.preserve.true.expect.css
@@ -246,7 +246,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	-webkit-box-ordinal-group: 19;
 	-webkit-order: 18;
 	   -moz-box-ordinal-group: 19;
diff --git a/plugin-packs/postcss-preset-env/test/basic.stage0-ff49.expect.css b/plugin-packs/postcss-preset-env/test/basic.stage0-ff49.expect.css
@@ -118,7 +118,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	order: 18;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.stage0-ff66.expect.css b/plugin-packs/postcss-preset-env/test/basic.stage0-ff66.expect.css
@@ -117,7 +117,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	order: 18;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.stage0.expect.css b/plugin-packs/postcss-preset-env/test/basic.stage0.expect.css
@@ -120,7 +120,7 @@ h1.test-custom-selectors:not(.does-not-exist), h2.test-custom-selectors:not(.doe
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	order: 18;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.vendors-1.expect.css b/plugin-packs/postcss-preset-env/test/basic.vendors-1.expect.css
@@ -126,7 +126,7 @@
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	order: 18;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.vendors-2.expect.css b/plugin-packs/postcss-preset-env/test/basic.vendors-2.expect.css
@@ -126,7 +126,7 @@
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	order: 18;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/basic.vendors-3.expect.css b/plugin-packs/postcss-preset-env/test/basic.vendors-3.expect.css
@@ -126,7 +126,7 @@
 }
 
 .test-system-ui-font-family {
-	font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
+	font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
 	order: 18;
 }
 
diff --git a/plugin-packs/postcss-preset-env/test/layers-basic.expect.css b/plugin-packs/postcss-preset-env/test/layers-basic.expect.css
diff --git a/plugin-packs/postcss-preset-env/test/layers-basic.preserve.true.expect.css b/plugin-packs/postcss-preset-env/test/layers-basic.preserve.true.expect.css

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ function generatePluginsByID(data) {`
`12`	`12`
`13`	`13`	`for (let i = 0; i < plugins.length; i++) {`
`14`	`14`	`const plugin = plugins[i];`
`15`		- result += `import ${plugin.importName} from '${plugin.importedPackage \|\| plugin.packageName}';\n`;
	`15`	+ result += `import ${plugin.importName} from '${plugin.packageName}';\n`;
`16`	`16`	`}`
`17`	`17`
`18`	`18`	result += `
Original file line number	Diff line number	Diff line change
`@@ -285,10 +285,9 @@`
`285`	`285`	`"importName": "postcssSteppedValueFunctions"`
`286`	`286`	`},`
`287`	`287`	`{`
`288`		`- "packageName": "postcss-system-ui-font-family",`
`289`		`- "importedPackage": "../patch/postcss-system-ui-font-family.mjs",`
	`288`	`+ "packageName": "@csstools/postcss-system-ui-font-family",`
`290`	`289`	`"id": "system-ui-font-family",`
`291`		`- "importName": "postcssFontFamilySystemUI"`
	`290`	`+ "importName": "postcssSystemUIFontFamily"`
`292`	`291`	`},`
`293`	`292`	`{`
`294`	`293`	`"packageName": "@csstools/postcss-unset-value",`