LinkControl: Use @wordpress/ui Link for preview link

packages/block-editor/src/components/link-control/link-preview.jsx

@@ -2,7 +2,6 @@ import clsx from 'clsx';
 import { __ } from '@wordpress/i18n';
 import {
 	Button,
-	ExternalLink,
 	__experimentalTruncate as Truncate,
 	__experimentalHStack as HStack,
 	Flex,
@@ -21,7 +20,7 @@ import { __unstableStripHTML as stripHTML } from '@wordpress/dom';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { store as noticesStore } from '@wordpress/notices';
 import { store as preferencesStore } from '@wordpress/preferences';
-import { Badge } from '@wordpress/ui';
+import { Badge, Link } from '@wordpress/ui';
 import { ViewerSlot } from './viewer-slot';
 import useRichUrlData from './use-rich-url-data';
 
@@ -128,14 +127,15 @@ export default function LinkPreview( {
 					>
 						{ ! isEmptyURL ? (
 							<>
-								<ExternalLink
+								<Link
 									className="block-editor-link-control__preview-title"
 									href={ value.url }
+									openInNewTab
 								>
 									<Truncate numberOfLines={ 1 }>
 										{ displayTitle }
 									</Truncate>
-								</ExternalLink>
+								</Link>
 								<span className="block-editor-link-control__preview-info">
 									<Truncate numberOfLines={ 1 }>
 										{ displayURL }

packages/block-editor/src/components/link-control/test/index.jsdom.test.jsx

@@ -2168,7 +2168,7 @@ describe( 'Rich link previews', () => {
 		const titlePreview = screen.getByText( selectedLink.title );
 
 		// eslint-disable-next-line testing-library/no-node-access
-		expect( titlePreview.parentElement.parentElement ).toHaveClass(
+		expect( titlePreview.parentElement ).toHaveClass(
 			'block-editor-link-control__preview-title'
 		);
 	} );

test/e2e/specs/editor/various/pattern-overrides.spec.js

@@ -796,7 +796,7 @@ test.describe( 'Pattern Overrides', () => {
 		await button.focus();
 		await pageUtils.pressKeys( 'primary+k' );
 		await expect(
-			page.getByRole( 'link', { name: 'wp.org' } ).getByText( '↗' )
+			page.getByRole( 'link', { name: 'wp.org' } ).getByRole( 'img' )
 		).toHaveAttribute( 'aria-label', '(opens in a new tab)' );
 
 		// The link popup doesn't have a role which is a bit unfortunate.

tools/eslint/suppressions.json

@@ -1587,7 +1587,7 @@
 	},
 	"packages/block-editor/src/components/link-control/link-preview.jsx": {
 		"@wordpress/use-recommended-components": {
-			"count": 3
+			"count": 2
 		},
 		"react/jsx-filename-extension": {
 			"count": 1