Reset specificity of body selector when processing with postcss. (#60266

) Co-authored-by: tellthemachines <[email protected]> Co-authored-by: andrewserong <[email protected]>
WordPress · Mar 28, 2024 · 873b7bc · 873b7bc
1 parent 99b8ea6
commit 873b7bc
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/block-editor/src/utils/transform-styles/index.js b/packages/block-editor/src/utils/transform-styles/index.js
@@ -19,6 +19,7 @@ function transformStyle(
 		return css;
 	}
 
+	const postcssFriendlyCSS = css.replace( ':where(body)', 'body' );
 	try {
 		return postcss(
 			[
@@ -31,7 +32,7 @@ function transformStyle(
 					} ),
 				baseURL && rebaseUrl( { rootUrl: baseURL } ),
 			].filter( Boolean )
-		).process( css, {} ).css; // use sync PostCSS API
+		).process( postcssFriendlyCSS, {} ).css; // use sync PostCSS API
 	} catch ( error ) {
 		if ( error instanceof CssSyntaxError ) {
 			// eslint-disable-next-line no-console