postcss-alpha-function

Author: romainmenke

package-lock.json

@@ -1,5 +1,10 @@
 # Changes to PostCSS Preset Env
 
+### Unreleased (minor)
+
+- Added `@csstools/postcss-alpha-function` [Check the plugin README](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-alpha-function#readme) for usage details.
+- Added `@csstools/postcss-color-function-display-p3-linear` [Check the plugin README](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-function-display-p3-linear#readme) for usage details.
+
 ### 10.2.4
 
 _June 26, 2025_

plugin-packs/postcss-preset-env/CHANGELOG.md

@@ -5,6 +5,7 @@ The `ID` listed is the key for PostCSS Preset Env configuration in your project.
 | | ID | Feature | example | docs |
 |:--- |:--- |:--- |:--- |:--- |
 | [<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/all-property.svg" height="18">](https://cssdb.org/#all-property) | `all-property` | `all` Property | [example](https://preset-env.cssdb.org/features/#all-property) | [docs](https://github.com/maximkoretskiy/postcss-initial#readme) |
+| [<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/alpha-function.svg" height="18">](https://cssdb.org/#alpha-function) | `alpha-function` | `alpha()` Function | [example](https://preset-env.cssdb.org/features/#alpha-function) | [docs](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-alpha-function#readme) |
 | [<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/any-link-pseudo-class.svg" height="18">](https://cssdb.org/#any-link-pseudo-class) | `any-link-pseudo-class` | `:any-link` Hyperlink Pseudo-Class | [example](https://preset-env.cssdb.org/features/#any-link-pseudo-class) | [docs](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-pseudo-class-any-link#readme) |
 | [<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/blank-pseudo-class.svg" height="18">](https://cssdb.org/#blank-pseudo-class) | `blank-pseudo-class` | `:blank` Empty-Value Pseudo-Class | [example](https://preset-env.cssdb.org/features/#blank-pseudo-class) | [docs](https://github.com/csstools/postcss-plugins/tree/main/plugins/css-blank-pseudo#readme) |
 | [<img alt="Baseline Status" src="https://cssdb.org/images/badges-baseline/break-properties.svg" height="18">](https://cssdb.org/#break-properties) | `break-properties` | Break Properties | [example](https://preset-env.cssdb.org/features/#break-properties) | [docs](https://github.com/shrpne/postcss-page-break#readme) |

plugin-packs/postcss-preset-env/FEATURES.md

@@ -52,6 +52,7 @@
 		"dist"
 	],
 	"dependencies": {
+		"@csstools/postcss-alpha-function": "^0.0.0",
 		"@csstools/postcss-cascade-layers": "^5.0.2",
 		"@csstools/postcss-color-function": "^4.0.10",
 		"@csstools/postcss-color-function-display-p3-linear": "^0.0.0",

plugin-packs/postcss-preset-env/dist/index.cjs

@@ -24,6 +24,11 @@
 		"id": "clamp",
 		"importName": "postcssClamp"
 	},
+	{
+		"packageName": "@csstools/postcss-alpha-function",
+		"id": "alpha-function",
+		"importName": "postcssAlphaFunction"
+	},
 	{
 		"packageName": "@csstools/postcss-color-mix-variadic-function-arguments",
 		"id": "color-mix-variadic-function-arguments",

plugin-packs/postcss-preset-env/dist/index.d.ts

@@ -24,6 +24,7 @@ export default [
 	'gradients-interpolation-method', // run before all color functions
 	'color-mix-variadic-function-arguments', // run before any other color functions, including base color-mix
 	'color-mix', // run before any other color functions
+	'alpha-function',
 	'relative-color-syntax',
 	'lab-function',
 	'oklab-function',

plugin-packs/postcss-preset-env/dist/index.mjs

@@ -1,4 +1,5 @@
 import postcssInitial from '@csstools/postcss-initial';
+import postcssAlphaFunction from '@csstools/postcss-alpha-function';
 import postcssPseudoClassAnyLink from 'postcss-pseudo-class-any-link';
 import postcssBlankPseudo from 'css-blank-pseudo';
 import postcssPageBreak from 'postcss-page-break';
@@ -66,6 +67,7 @@ import postcssUnsetValue from '@csstools/postcss-unset-value';
 export const pluginsById = new Map(
 	[
 		['all-property', postcssInitial],
+		['alpha-function', postcssAlphaFunction],
 		['any-link-pseudo-class', postcssPseudoClassAnyLink],
 		['blank-pseudo-class', postcssBlankPseudo],
 		['break-properties', postcssPageBreak],