Quality: Replace wpKebabCase function with kebabCase function from co…

…mponents package (#57038)

packages/edit-site/src/components/global-styles/font-library-modal/utils/index.js

@@ -1,12 +1,13 @@
 /**
- * External dependencies
+ * WordPress dependencies
  */
-import { paramCase as kebabCase } from 'change-case';
+import { privateApis as componentsPrivateApis } from '@wordpress/components';
 
 /**
  * Internal dependencies
  */
 import { FONT_WEIGHTS, FONT_STYLES } from './constants';
+import { unlock } from '../../../../lock-unlock';
 
 export function setUIValuesNeeded( font, extraValues = {} ) {
 	if ( ! font.name && ( font.fontFamily || font.slug ) ) {
@@ -129,20 +130,11 @@ export function getDisplaySrcFromFontFace( input, urlPrefix ) {
 	return src;
 }
 
-// This function replicates one behavior of _wp_to_kebab_case().
-// Additional context: https://github.com/WordPress/gutenberg/issues/53695
-export function wpKebabCase( str ) {
-	// If a string contains a digit followed by a number, insert a dash between them.
-	return kebabCase( str ).replace(
-		/([a-zA-Z])(\d)|(\d)([a-zA-Z])/g,
-		'$1$3-$2$4'
-	);
-}
-
 export function makeFormDataFromFontFamilies( fontFamilies ) {
 	const formData = new FormData();
 	const newFontFamilies = fontFamilies.map( ( family, familyIndex ) => {
-		family.slug = wpKebabCase( family.slug );
+		const { kebabCase } = unlock( componentsPrivateApis );
+		family.slug = kebabCase( family.slug );
 		if ( family?.fontFace ) {
 			family.fontFace = family.fontFace.map( ( face, faceIndex ) => {
 				if ( face.file ) {