Fix SVG styles for mobile (#12608)

* Fix SVG styles for mobile

* Simplify condition since className is always a string

packages/components/src/primitives/svg/index.native.js

@@ -17,16 +17,8 @@ export {
 } from 'react-native-svg';
 
 export const SVG = ( props ) => {
-	// We're using the react-native-classname-to-style plugin, so when a `className` prop is passed it gets converted to `style` here.
-	// Given it carries a string (as it was originally className) but an object is expected for `style`,
-	// we need to check whether `style` exists and is a string, and convert it to an object
-
-	let styleValues = {};
-	if ( typeof props.style === 'string' ) {
-		const oneStyle = props.style.split( ' ' ).map( ( element ) => styles[ element ] ).filter( Boolean );
-		styleValues = Object.assign( styleValues, ...oneStyle );
-	}
-
+	const stylesFromClasses = ( props.className || '' ).split( ' ' ).map( ( element ) => styles[ element ] ).filter( Boolean );
+	const styleValues = Object.assign( {}, props.style, ...stylesFromClasses );
 	const safeProps = { ...props, style: styleValues };
 
 	return (