[Block Editor]: Fix block variation registration when icon is an `o…

…bject` and contains `transform` scope (#41457)

* [Block Editor]: Fix block variation registration when `icon` is an `object` and contains `transform` scope

* show colors

packages/block-editor/src/components/block-variation-transforms/index.js

@@ -17,6 +17,7 @@ import { chevronDown } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import BlockIcon from '../block-icon';
 import { store as blockEditorStore } from '../../store';
 
 function VariationsButtons( {
@@ -33,7 +34,7 @@ function VariationsButtons( {
 			{ variations.map( ( variation ) => (
 				<Button
 					key={ variation.name }
-					icon={ variation.icon }
+					icon={ <BlockIcon icon={ variation.icon } showColors /> }
 					isPressed={ selectedValue === variation.name }
 					label={
 						selectedValue === variation.name
@@ -126,7 +127,7 @@ function __experimentalBlockVariationTransforms( { blockClientId } ) {
 		}
 		variations.forEach( ( variation ) => {
 			if ( variation.icon ) {
-				variationIcons.add( variation.icon );
+				variationIcons.add( variation.icon?.src || variation.icon );
 			}
 		} );
 		return variationIcons.size === variations.length;