Revert "Use Text component"

This reverts commit 1e43dfc.

Author: simison

packages/admin-ui/src/breadcrumbs/index.tsx

@@ -3,8 +3,10 @@
  */
 import { Link } from '@wordpress/route';
 import { __ } from '@wordpress/i18n';
-import { Text } from '@wordpress/ui';
-import { __experimentalHStack as HStack } from '@wordpress/components';
+import {
+	__experimentalHeading as Heading,
+	__experimentalHStack as HStack,
+} from '@wordpress/components';
 
 /**
  * Internal dependencies
@@ -22,23 +24,16 @@ const BreadcrumbItem = ( {
 	if ( ! to ) {
 		return (
 			<li>
-				<Text
-					className="admin-ui-page__header-title"
-					// eslint-disable-next-line jsx-a11y/heading-has-content -- content provided via render prop
-					render={ <h1 /> }
-					variant="heading-lg"
-				>
+				<Heading level={ 1 } truncate>
 					{ label }
-				</Text>
+				</Heading>
 			</li>
 		);
 	}
 
 	return (
 		<li>
-			<Link to={ to }>
-				<Text variant="heading-lg">{ label }</Text>
-			</Link>
+			<Link to={ to }>{ label }</Link>
 		</li>
 	);
 };

packages/admin-ui/src/breadcrumbs/style.scss

@@ -6,6 +6,10 @@
 	margin: 0;
 	// gap prop don't seem to be working properly.
 	gap: 0;
+	font-family: var(--wpds-font-family-heading);
+	font-size: var(--wpds-font-size-lg);
+	font-weight: var(--wpds-font-weight-medium);
+	line-height: var(--wpds-font-line-height-lg);
 	min-height: 32px;
 
 	li:not(:last-child)::after {

packages/admin-ui/src/page/header.tsx

@@ -1,7 +1,7 @@
 /**
  * WordPress dependencies
  */
-import { Stack, Text } from '@wordpress/ui';
+import { Stack } from '@wordpress/ui';
 
 /**
  * Internal dependencies
@@ -38,14 +38,9 @@ export default function Header( {
 						/>
 					) }
 					{ title && (
-						<Text
-							className="admin-ui-page__header-title"
-							// eslint-disable-next-line jsx-a11y/heading-has-content -- content provided via render prop
-							render={ <h2 /> }
-							variant="heading-lg"
-						>
+						<h2 className="admin-ui-page__header-title">
 							{ title }
-						</Text>
+						</h2>
 					) }
 					{ breadcrumbs }
 					{ badges }

packages/admin-ui/src/page/style.scss

@@ -19,8 +19,14 @@
 }
 
 .admin-ui-page__header-title {
+	font-family: var(--wpds-font-family-heading);
+	font-size: var(--wpds-font-size-lg);
+	font-weight: var(--wpds-font-weight-medium);
+	line-height: var(--wpds-font-line-height-lg);
 	margin: 0;
 	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
 
 .admin-ui-page__sidebar-toggle-slot:empty {