Remove has-center class name

Author: stokesman

packages/editor/src/components/header/index.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
 /**
  * WordPress dependencies
  */
@@ -92,11 +87,7 @@ function Header( {
 	// The edit-post-header classname is only kept for backward compatibilty
 	// as some plugins might be relying on its presence.
 	return (
-		<div
-			className={ clsx( 'editor-header edit-post-header', {
-				'has-center': hasCenter,
-			} ) }
-		>
+		<div className="editor-header edit-post-header">
 			{ hasBackButton && (
 				<motion.div
 					className="editor-header__back-button"

packages/editor/src/components/header/style.scss

@@ -4,7 +4,7 @@
 	display: grid;
 	grid-auto-flow: row;
 	grid-template: auto / $header-height minmax(0, max-content) minmax(min-content, 1fr) $header-height;
-	&.has-center {
+	&:has(> .editor-header__center) {
 		grid-template: auto / $header-height min-content 1fr min-content $header-height;
 		@include break-medium {
 			grid-template: auto / $header-height minmax(min-content, 1fr) 2fr minmax(min-content, 1fr) $header-height;
@@ -98,7 +98,7 @@
 
 .editor-header__settings {
 	grid-column: 3 / -1;
-	.has-center & {
+	.editor-header:has(> .editor-header__center) & {
 		grid-column: 4 / -1;
 	}
 	justify-self: end;