Mobile: fix getPxFromCssUnit circular dependency

packages/block-editor/README.md

@@ -537,19 +537,6 @@ _Returns_
 
 -   `string`: Gradient value.
 
-### getPxFromCssUnit
-
-Returns the px value of a cssUnit. The memoized version of getPxFromCssUnit;
-
-_Parameters_
-
--   _cssUnit_ `string`:
--   _options_ `Object`:
-
-_Returns_
-
--   `string`: returns the cssUnit value in a simple px format.
-
 ### getSpacingPresetCssVar
 
 Converts a spacing preset into a custom value.

packages/block-editor/src/components/plain-text/index.native.js

@@ -7,7 +7,8 @@ import { TextInput, Platform, Dimensions } from 'react-native';
  * WordPress dependencies
  */
 import { Component } from '@wordpress/element';
-import { RichText, getPxFromCssUnit } from '@wordpress/block-editor';
+import { RichText } from '@wordpress/block-editor';
+import { getPxFromCssUnit } from '@wordpress/components';
 
 /**
  * Internal dependencies

packages/block-editor/src/components/rich-text/native/index.native.js

@@ -15,7 +15,8 @@ import {
 	showUserSuggestions,
 	showXpostSuggestions,
 } from '@wordpress/react-native-bridge';
-import { BlockFormatControls, getPxFromCssUnit } from '@wordpress/block-editor';
+import { BlockFormatControls } from '@wordpress/block-editor';
+import { getPxFromCssUnit } from '@wordpress/components';
 import { Component } from '@wordpress/element';
 import {
 	compose,

packages/block-editor/src/utils/index.js

@@ -1,3 +1,2 @@
 export { default as transformStyles } from './transform-styles';
 export * from './block-variation-transforms';
-export { default as getPxFromCssUnit } from './parse-css-unit-to-px';

packages/block-library/src/spacer/edit.native.js

@@ -6,14 +6,16 @@ import { View, useWindowDimensions } from 'react-native';
 /**
  * WordPress dependencies
  */
-import { useConvertUnitToMobile } from '@wordpress/components';
+import {
+	useConvertUnitToMobile,
+	getPxFromCssUnit,
+} from '@wordpress/components';
 import { withPreferredColorScheme } from '@wordpress/compose';
 import {
 	InspectorControls,
 	isValueSpacingPreset,
 	useSettings,
 	getCustomValueFromPreset,
-	getPxFromCssUnit,
 } from '@wordpress/block-editor';
 import { useEffect } from '@wordpress/element';
 

packages/components/src/font-size-picker/index.native.js

@@ -11,11 +11,11 @@ import { useState } from '@wordpress/element';
 import { Icon, chevronRight, check } from '@wordpress/icons';
 import { __, sprintf } from '@wordpress/i18n';
 import { BottomSheet } from '@wordpress/components';
-import { getPxFromCssUnit } from '@wordpress/block-editor';
 
 /**
  * Internal dependencies
  */
+import { default as getPxFromCssUnit } from '../utils/get-px-from-css-unit';
 import { default as UnitControl, useCustomUnits } from '../unit-control';
 import styles from './style.scss';
 

packages/components/src/index.native.js

@@ -121,6 +121,7 @@ export {
 	ALIGNMENT_BREAKPOINTS,
 	alignmentHelpers,
 } from './mobile/utils/alignments';
+export { default as getPxFromCssUnit } from './mobile/utils/get-px-from-css-unit';
 
 // Hooks.
 export {

packages/components/src/mobile/global-styles-context/utils.native.js

@@ -9,7 +9,6 @@ import { colord } from 'colord';
  * WordPress dependencies
  */
 import {
-	getPxFromCssUnit,
 	useSettings,
 	useMultipleOriginColorsAndGradients,
 	SETTINGS_DEFAULTS,
@@ -19,6 +18,7 @@ import { usePreferredColorSchemeStyle } from '@wordpress/compose';
 /**
  * Internal dependencies
  */
+import { default as getPxFromCssUnit } from '../utils/get-px-from-css-unit';
 import { useGlobalStyles } from './index.native';
 
 export const BLOCK_STYLE_ATTRIBUTES = [

packages/block-editor/src/utils/test/parse-css-unit-to-px.js → packages/components/src/mobile/utils/test/get-px-from-css-unit.native.js

@@ -4,7 +4,7 @@
 import {
 	default as memoizedGetPxFromCssUnit,
 	getPxFromCssUnit,
-} from '../parse-css-unit-to-px';
+} from '../get-px-from-css-unit';
 
 describe( 'getPxFromCssUnit', () => {
 	// Absolute units.