Components: remove "text-wrap: balance" fallback from Text (WordPress#75089)

Co-authored-by: simison <simison@git.wordpress.org>
Co-authored-by: t-hamano <wildworks@git.wordpress.org>
Co-authored-by: jasmussen <joen@git.wordpress.org>

Author: 4 people

packages/components/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+### Bug Fixes
+
+-   `Text`: Remove `text-wrap: balance` fallback. Only `text-wrap: pretty` is now used.
+
 ### Internal
 
 -   Expose `useDrag` from `@use-gesture/react` package via private API's ([#66735](https://github.com/WordPress/gutenberg/pull/66735)).

packages/components/src/heading/test/__snapshots__/index.tsx.snap

@@ -5,7 +5,6 @@ exports[`props should render correctly 1`] = `
   color: var(--wp-components-color-foreground, #1e1e1e);
   line-height: 1.4;
   margin: 0;
-  text-wrap: balance;
   text-wrap: pretty;
   color: var(--wp-components-color-foreground, #1e1e1e);
   font-size: calc(1.95 * 13px);

packages/components/src/text/styles.ts

@@ -12,7 +12,6 @@ export const Text = css`
 	color: ${ COLORS.theme.foreground };
 	line-height: ${ CONFIG.fontLineHeightBase };
 	margin: 0;
-	text-wrap: balance; /* Fallback for Safari. */
 	text-wrap: pretty;
 `;
 

packages/components/src/text/test/__snapshots__/index.tsx.snap

@@ -22,7 +22,6 @@ exports[`Text should render highlighted words with highlightCaseSensitive 1`] =
   color: var(--wp-components-color-foreground, #1e1e1e);
   line-height: 1.4;
   margin: 0;
-  text-wrap: balance;
   text-wrap: pretty;
   font-size: calc((13 / 13) * 13px);
   font-weight: normal;
@@ -55,7 +54,6 @@ exports[`Text snapshot tests should render correctly 1`] = `
   color: var(--wp-components-color-foreground, #1e1e1e);
   line-height: 1.4;
   margin: 0;
-  text-wrap: balance;
   text-wrap: pretty;
   font-size: calc((13 / 13) * 13px);
   font-weight: normal;