Add some @types packages as proper dependencies of @wordpress/compone…

…nts (#50231)

* Move a couple @types packages to packages/components/package.json

package.json

@@ -22,7 +22,6 @@
 		"IS_GUTENBERG_PLUGIN": true
 	},
 	"dependencies": {
-		"@types/gradient-parser": "0.1.2",
 		"@wordpress/a11y": "file:packages/a11y",
 		"@wordpress/annotations": "file:packages/annotations",
 		"@wordpress/api-fetch": "file:packages/api-fetch",
@@ -126,7 +125,6 @@
 		"@testing-library/user-event": "14.4.3",
 		"@types/eslint": "7.28.0",
 		"@types/estree": "0.0.50",
-		"@types/highlight-words-core": "1.2.1",
 		"@types/istanbul-lib-report": "3.0.0",
 		"@types/mime": "2.0.3",
 		"@types/npm-package-arg": "6.1.1",

packages/components/CHANGELOG.md

@@ -31,6 +31,7 @@
 -   `ContextSystemProvider`: Move out of `ui/` ([#54847](https://github.com/WordPress/gutenberg/pull/54847)).
 -   `SlotFill`: Migrate to TypeScript and Convert to Functional Component `<Slot bubblesVirtually />`. ([#51350](https://github.com/WordPress/gutenberg/pull/51350)).
 -   `Components`: move `ui/utils` to `utils` and remove `ui/` folder ([#54922](https://github.com/WordPress/gutenberg/pull/54922)).
+-   Ensure `@types/` dependencies used by final type files are included in the main dependency field ([#50231](https://github.com/WordPress/gutenberg/pull/50231)).
 
 ## 25.8.0 (2023-09-20)
 

packages/components/package.json

@@ -40,6 +40,8 @@
 		"@emotion/utils": "^1.0.0",
 		"@floating-ui/react-dom": "^2.0.1",
 		"@radix-ui/react-dropdown-menu": "2.0.4",
+		"@types/gradient-parser": "0.1.3",
+		"@types/highlight-words-core": "1.2.1",
 		"@use-gesture/react": "^10.2.24",
 		"@wordpress/a11y": "file:../a11y",
 		"@wordpress/compose": "file:../compose",

packages/components/src/text/types.ts

@@ -7,6 +7,7 @@ import type { TruncateProps } from '../truncate/types';
  * External dependencies
  */
 import type { CSSProperties } from 'react';
+import type { FindAllArgs } from 'highlight-words-core';
 
 export type TextSize =
 	| 'body'
@@ -59,7 +60,7 @@ export interface Props extends TruncateProps {
 	/**
 	 * Array of search words. String search terms are automatically cast to RegExps unless `highlightEscape` is true.
 	 */
-	highlightSanitize?: import('highlight-words-core').FindAllArgs[ 'sanitize' ];
+	highlightSanitize?: FindAllArgs[ 'sanitize' ];
 	/**
 	 * Sets `Text` to have `display: block`.
 	 */