Fix SVG styles for mobile

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

@@ -17,13 +17,9 @@ 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 );
+	if ( typeof props.className === 'string' ) {
+		const oneStyle = props.className.split( ' ' ).map( ( element ) => styles[ element ] ).filter( Boolean );
 		styleValues = Object.assign( styleValues, ...oneStyle );
 	}