diff --git a/package-lock.json b/package-lock.json
index 1bb546559..73267aa60 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3776,9 +3776,9 @@
 			}
 		},
 		"node_modules/@webref/css": {
-			"version": "8.6.0",
-			"resolved": "https://registry.npmjs.org/@webref/css/-/css-8.6.0.tgz",
-			"integrity": "sha512-8eyHktfLcI6OjnLsO/SVnWFlgcfyhnVX1GLDFVQ0YrNOsXsXHvOctRbkCW9Nl9Q8o59se/o5fWSw1dV0l0+4lQ==",
+			"version": "8.7.0",
+			"resolved": "https://registry.npmjs.org/@webref/css/-/css-8.7.0.tgz",
+			"integrity": "sha512-4wWoH0kgFgEMG1ZDD/rPv8UpYJ326YcN8hTcU7T6i5u6AqnQsEmGxMHCKeABQXY8WjiXdGcG8NA8PQAsv3yVFA==",
 			"dev": true,
 			"license": "MIT",
 			"peerDependencies": {
@@ -8253,7 +8253,7 @@
 			],
 			"license": "MIT-0",
 			"devDependencies": {
-				"@webref/css": "^8.6.0",
+				"@webref/css": "^8.7.0",
 				"css-tree": "^3.2.1",
 				"postcss": "^8.5"
 			},
@@ -8570,7 +8570,7 @@
 				"@csstools/pack-test": "*",
 				"@csstools/postcss-bundler": "*",
 				"@csstools/postcss-tape": "*",
-				"@webref/css": "^8.6.0"
+				"@webref/css": "^8.7.0"
 			},
 			"engines": {
 				"node": ">=20.19.0"
@@ -10440,7 +10440,7 @@
 			},
 			"devDependencies": {
 				"@csstools/postcss-tape": "*",
-				"@webref/css": "^8.6.0"
+				"@webref/css": "^8.7.0"
 			},
 			"engines": {
 				"node": ">=20.19.0"
diff --git a/packages/css-syntax-patches-for-csstree/CHANGELOG.md b/packages/css-syntax-patches-for-csstree/CHANGELOG.md
index 35332c6f6..2bf619124 100644
--- a/packages/css-syntax-patches-for-csstree/CHANGELOG.md
+++ b/packages/css-syntax-patches-for-csstree/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changes to CSS Syntax Patches For CSSTree
 
+### Unreleased (patch)
+
+- Update `@webref/css` to [`v8.7.0`](https://github.com/w3c/webref/releases/tag/%40webref%2Fcss%408.7.0)
+
 ### 1.1.6
 
 _June 28, 2026_
diff --git a/packages/css-syntax-patches-for-csstree/dist/index.json b/packages/css-syntax-patches-for-csstree/dist/index.json
index aa2965133..a8a0a2f2c 100644
--- a/packages/css-syntax-patches-for-csstree/dist/index.json
+++ b/packages/css-syntax-patches-for-csstree/dist/index.json
@@ -59,6 +59,11 @@
 					"position-anchor": "<'position-anchor'>",
 					"position-area": "<'position-area'>"
 				}
+			},
+			"view-transition": {
+				"descriptors": {
+					"types": "none | <view-transition-type>+"
+				}
 			}
 		},
 		"properties": {
@@ -471,7 +476,6 @@
 			"dashed-ident": "<custom-property-name>",
 			"unicode-range-token": "<urange>",
 			"a-n-plus-b": "odd | even | <integer> | <n-dimension> | '+'? n | -n | <ndashdigit-dimension> | '+'? <ndashdigit-ident> | <dashndashdigit-ident> | <n-dimension> <signed-integer> | '+'? n <signed-integer> | -n <signed-integer> | <ndash-dimension> <signless-integer> | '+'? n- <signless-integer> | -n- <signless-integer> | <n-dimension> [ '+' | '-' ] <signless-integer> | '+'? n [ '+' | '-' ] <signless-integer> | -n [ '+' | '-' ] <signless-integer>",
-			"active-navigation-condition": "<navigation-relation>? [ <route-location> | link-href ]?",
 			"alpha()": "alpha( [ from <color> ] [ / [ <alpha-value> | alpha | none ] ]? )",
 			"anchored-feature": "fallback : <'position-try-fallbacks'>",
 			"anchored-in-parens": "( <anchored-query> ) | ( <anchored-feature> ) | <general-enclosed>",
@@ -571,7 +575,7 @@
 			"generic-font-family": "<generic-font-script-specific> | <generic-font-complete> | <generic-font-incomplete> | <-non-standard-generic-family>",
 			"generic-font-incomplete": "ui-serif | ui-sans-serif | ui-monospace | ui-rounded",
 			"generic-font-script-specific": "generic( fangsong ) | generic( kai ) | generic( khmer-mul ) | generic( nastaliq )",
-			"generic-voice": "<age>? <gender> <integer>?",
+			"generic-voice": "<age>? <gender> <integer [1,∞]>?",
 			"gradient": "[ <linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> | <-legacy-gradient> ]",
 			"grid-line": "auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]",
 			"hdr-color()": "color-hdr( [ <color> && <number [0,∞]>? ]#{2} )",
@@ -651,8 +655,7 @@
 			"navigation-condition": "not <navigation-in-parens> | <navigation-in-parens> [ and <navigation-in-parens> ]* | <navigation-in-parens> [ or <navigation-in-parens> ]*",
 			"navigation-in-parens": "( <navigation-condition> ) | ( <navigation-test> ) | <general-enclosed>",
 			"navigation-location-between-test": "between : <route-location> and <route-location>",
-			"navigation-location-keyword": "at | with | from | to",
-			"navigation-location-test": "<navigation-location-keyword> : <route-location>",
+			"navigation-location-test": "<navigation-relation> : <route-location>",
 			"navigation-phase-keyword": "loading | ready | committed",
 			"navigation-phase-test": "phase : <navigation-phase-keyword>",
 			"navigation-relation": "at | with | from | to",
@@ -711,7 +714,7 @@
 			"round()": "round( <rounding-strategy>? , <calc-sum> , <calc-sum>? )",
 			"rounding-strategy": "| line-width",
 			"route-descriptor": "<pattern-descriptor> | <init-descriptor> | <base-descriptor>",
-			"route-location": "<route-name> | <url-pattern()> | <url>",
+			"route-location": "<url> | [ <route-name> | <url-pattern()> ]",
 			"route-name": "<dashed-ident>",
 			"route-rule": "@route <dashed-ident> { <declaration-list> }",
 			"running()": "running( <custom-ident> )",
@@ -785,6 +788,7 @@
 			"url()": "url( <string> <url-modifier>* ) | <url-token>",
 			"var-args": "var( <declaration-value> , <declaration-value>? )",
 			"vertical-line-command": "vline [ to [ <length-percentage> | top | center | bottom | y-start | y-end ] | by <length-percentage> ]",
+			"view-transition-type": "<custom-ident>",
 			"voice-family-name": "<string> | <custom-ident>+",
 			"wcag2": "wcag2 | wcag2( [ <number> | [ aa | aaa ] && large? ] )",
 			"whole-value": "<declaration-value>",
diff --git a/packages/css-syntax-patches-for-csstree/package.json b/packages/css-syntax-patches-for-csstree/package.json
index 0d71989d1..f43930fe5 100644
--- a/packages/css-syntax-patches-for-csstree/package.json
+++ b/packages/css-syntax-patches-for-csstree/package.json
@@ -41,7 +41,7 @@
 		}
 	},
 	"devDependencies": {
-		"@webref/css": "^8.6.0",
+		"@webref/css": "^8.7.0",
 		"css-tree": "^3.2.1",
 		"postcss": "^8.5"
 	},
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-atrules.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-atrules.json
index 9d888685d..2acfa0389 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-atrules.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-atrules.json
@@ -412,5 +412,20 @@
 				}
 			}
 		}
+	},
+	"view-transition": {
+		"descriptors": {
+			"types": {
+				"type": "modified",
+				"comment": "",
+				"syntax-b": "none | <custom-ident>+",
+				"syntax-a": "none | <view-transition-type>+",
+				"syntax-m": "none | <view-transition-type>+",
+				"tests": {
+					"passing": [],
+					"failing": []
+				}
+			}
+		}
 	}
 }
diff --git a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
index bfcfd5d8f..8fbcd2176 100644
--- a/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/patches/webref-over-csstree-types.json
@@ -26,17 +26,6 @@
 			"failing": []
 		}
 	},
-	"active-navigation-condition": {
-		"type": "added",
-		"comment": "",
-		"syntax-b": "",
-		"syntax-a": "<navigation-relation>? [ <route-location> | link-href ]?",
-		"syntax-m": "<navigation-relation>? [ <route-location> | link-href ]?",
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"alpha()": {
 		"type": "added",
 		"comment": "",
@@ -1421,8 +1410,8 @@
 		"type": "modified",
 		"comment": "",
 		"syntax-b": "[ <age>? <gender> <integer>? ]",
-		"syntax-a": "<age>? <gender> <integer>?",
-		"syntax-m": "<age>? <gender> <integer>?",
+		"syntax-a": "<age>? <gender> <integer [1,∞]>?",
+		"syntax-m": "<age>? <gender> <integer [1,∞]>?",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -2823,23 +2812,12 @@
 			"failing": []
 		}
 	},
-	"navigation-location-keyword": {
-		"type": "added",
-		"comment": "",
-		"syntax-b": "",
-		"syntax-a": "at | with | from | to",
-		"syntax-m": "at | with | from | to",
-		"tests": {
-			"passing": [],
-			"failing": []
-		}
-	},
 	"navigation-location-test": {
 		"type": "added",
 		"comment": "",
 		"syntax-b": "",
-		"syntax-a": "<navigation-location-keyword> : <route-location>",
-		"syntax-m": "<navigation-location-keyword> : <route-location>",
+		"syntax-a": "<navigation-relation> : <route-location>",
+		"syntax-m": "<navigation-relation> : <route-location>",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -3624,8 +3602,8 @@
 		"type": "added",
 		"comment": "",
 		"syntax-b": "",
-		"syntax-a": "<route-name> | <url-pattern()> | <url>",
-		"syntax-m": "<route-name> | <url-pattern()> | <url>",
+		"syntax-a": "<url> | [ <route-name> | <url-pattern()> ]",
+		"syntax-m": "<url> | [ <route-name> | <url-pattern()> ]",
 		"tests": {
 			"passing": [],
 			"failing": []
@@ -4556,6 +4534,17 @@
 			"failing": []
 		}
 	},
+	"view-transition-type": {
+		"type": "added",
+		"comment": "",
+		"syntax-b": "",
+		"syntax-a": "<custom-ident>",
+		"syntax-m": "<custom-ident>",
+		"tests": {
+			"passing": [],
+			"failing": []
+		}
+	},
 	"voice-family-name": {
 		"type": "added",
 		"comment": "",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-atrules.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-atrules.json
index b16e4a755..8d7b262c2 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-atrules.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-atrules.json
@@ -318,7 +318,7 @@
 				"syntax": "auto | none"
 			},
 			"types": {
-				"syntax": "none | <custom-ident>+"
+				"syntax": "none | <view-transition-type>+"
 			}
 		}
 	}
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-atrules.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-atrules.json
index dd5ca8048..c7c802eb4 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-atrules.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-atrules.json
@@ -212,5 +212,15 @@
 				"comment": ""
 			}
 		}
+	},
+	"view-transition": {
+		"descriptors": {
+			"types": {
+				"type": "modified",
+				"syntax-b": "none | <custom-ident>+",
+				"syntax-a": "none | <view-transition-type>+",
+				"comment": ""
+			}
+		}
 	}
 }
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
index 4348f3c30..84d8afea9 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-over-csstree-types.json
@@ -11,12 +11,6 @@
 		"syntax-a": "[ xx-small | x-small | small | medium | large | x-large | xx-large | xxx-large ]",
 		"comment": ""
 	},
-	"active-navigation-condition": {
-		"type": "added",
-		"syntax-b": "",
-		"syntax-a": "<navigation-relation>? [ <route-location> | link-href ]?",
-		"comment": ""
-	},
 	"alpha()": {
 		"type": "added",
 		"syntax-b": "",
@@ -644,7 +638,7 @@
 	"generic-voice": {
 		"type": "modified",
 		"syntax-b": "[ <age>? <gender> <integer>? ]",
-		"syntax-a": "<age>? <gender> <integer>?",
+		"syntax-a": "<age>? <gender> <integer [1,∞]>?",
 		"comment": ""
 	},
 	"gradient": {
@@ -1133,16 +1127,10 @@
 		"syntax-a": "between : <route-location> and <route-location>",
 		"comment": ""
 	},
-	"navigation-location-keyword": {
-		"type": "added",
-		"syntax-b": "",
-		"syntax-a": "at | with | from | to",
-		"comment": ""
-	},
 	"navigation-location-test": {
 		"type": "added",
 		"syntax-b": "",
-		"syntax-a": "<navigation-location-keyword> : <route-location>",
+		"syntax-a": "<navigation-relation> : <route-location>",
 		"comment": ""
 	},
 	"navigation-phase-keyword": {
@@ -1502,7 +1490,7 @@
 	"route-location": {
 		"type": "added",
 		"syntax-b": "",
-		"syntax-a": "<route-name> | <url-pattern()> | <url>",
+		"syntax-a": "<url> | [ <route-name> | <url-pattern()> ]",
 		"comment": ""
 	},
 	"route-name": {
@@ -1961,6 +1949,12 @@
 		"syntax-a": "vline [ to [ <length-percentage> | top | center | bottom | y-start | y-end ] | by <length-percentage> ]",
 		"comment": ""
 	},
+	"view-transition-type": {
+		"type": "added",
+		"syntax-b": "",
+		"syntax-a": "<custom-ident>",
+		"comment": ""
+	},
 	"voice-family-name": {
 		"type": "added",
 		"syntax-b": "",
diff --git a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
index aeac536d6..0bc6f1acc 100644
--- a/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
+++ b/packages/css-syntax-patches-for-csstree/raw-data/webref-types.json
@@ -11,9 +11,6 @@
 	"acos()": {
 		"syntax": "acos( <calc-sum> )"
 	},
-	"active-navigation-condition": {
-		"syntax": "<navigation-relation>? [ <route-location> | link-href ]?"
-	},
 	"age": {
 		"syntax": "child | young | old"
 	},
@@ -711,7 +708,7 @@
 		"syntax": "generic( kai ) | generic( fangsong ) | generic( nastaliq )"
 	},
 	"generic-voice": {
-		"syntax": "<age>? <gender> <integer>?"
+		"syntax": "<age>? <gender> <integer [1,∞]>?"
 	},
 	"geometry-box": {
 		"syntax": "<shape-box> | fill-box | stroke-box | view-box"
@@ -1145,11 +1142,8 @@
 	"navigation-location-between-test": {
 		"syntax": "between : <route-location> and <route-location>"
 	},
-	"navigation-location-keyword": {
-		"syntax": "at | with | from | to"
-	},
 	"navigation-location-test": {
-		"syntax": "<navigation-location-keyword> : <route-location>"
+		"syntax": "<navigation-relation> : <route-location>"
 	},
 	"navigation-phase-keyword": {
 		"syntax": "loading | ready | committed"
@@ -1512,7 +1506,7 @@
 		"syntax": "<pattern-descriptor> | <init-descriptor> | <base-descriptor>"
 	},
 	"route-location": {
-		"syntax": "<route-name> | <url-pattern()> | <url>"
+		"syntax": "<url> | [ <route-name> | <url-pattern()> ]"
 	},
 	"route-name": {
 		"syntax": "<dashed-ident>"
@@ -1973,6 +1967,9 @@
 	"vertical-line-command": {
 		"syntax": "vline [ to [ <length-percentage> | top | center | bottom | y-start | y-end ] | by <length-percentage> ]"
 	},
+	"view-transition-type": {
+		"syntax": "<custom-ident>"
+	},
 	"view()": {
 		"syntax": "view( [ <axis> || <'view-timeline-inset'> ]? )"
 	},
diff --git a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
index b80ce64ea..79a5d8e5b 100644
--- a/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
+++ b/packages/css-syntax-patches-for-csstree/scripts/generate-webref-sets.mjs
@@ -75,6 +75,9 @@ export async function generate_webref_sets() {
 		// https://github.com/w3c/csswg-drafts/issues/13311
 		types['voice-family-name'] = '<string> | <custom-ident>+';
 
+		// https://github.com/w3c/webref/issues/1986
+		types['view-transition-type'] = '<custom-ident>';
+
 		assign_new_atrule_descriptor_definition(
 			atrules,
 			trim_at('position-try'),
diff --git a/plugin-packs/postcss-preset-env/package.json b/plugin-packs/postcss-preset-env/package.json
index c607f1434..966b60879 100644
--- a/plugin-packs/postcss-preset-env/package.json
+++ b/plugin-packs/postcss-preset-env/package.json
@@ -128,7 +128,7 @@
 		"@csstools/pack-test": "*",
 		"@csstools/postcss-bundler": "*",
 		"@csstools/postcss-tape": "*",
-		"@webref/css": "^8.6.0"
+		"@webref/css": "^8.7.0"
 	},
 	"scripts": {
 		"prebuild": "node ./scripts/generate-plugins-data.mjs && eslint --fix ./src/plugins/*.mjs",
diff --git a/plugins/postcss-progressive-custom-properties/package.json b/plugins/postcss-progressive-custom-properties/package.json
index d7867c0ca..150e92379 100644
--- a/plugins/postcss-progressive-custom-properties/package.json
+++ b/plugins/postcss-progressive-custom-properties/package.json
@@ -38,7 +38,7 @@
 	},
 	"devDependencies": {
 		"@csstools/postcss-tape": "*",
-		"@webref/css": "^8.6.0"
+		"@webref/css": "^8.7.0"
 	},
 	"scripts": {
 		"build": "node ./scripts/matchers.mjs && node ./scripts/shorthands.mjs && eslint --fix ./src/matchers.ts ./src/shorthands.ts  && rollup -c ../../rollup/default.mjs",