Add global styles to all WC Blocks

[Aljullu]

We would like to add global styles to all WC Blocks.

Below, there is a list of which styles we would like each block to have enabled:

• Featured Category/Featured Product: font size, text color, gradient and duotone (for the overlay), padding, border (color, width, radius). (@gigitux) Featured Category block: add support for global style #5542 Featured Product: Enable global style #5555
• Product Categories List: font size, line height, text color, link color. (@gigitux Add global style for Product Categories List block #5133 )
• Product Search: text color, background color (including gradients), border (color and radius -- it should behave as the Search block from Gutenberg), width. (on hold, we might rewrite this block soon)
• Active Filters: text color. (@gigitux Add global style for Active Filters block #5465)
• Attribute Filter: text color, border (color and radius -- it should be applied to the fields). (@gigitux Attribute Filter block: Enable global style #5557)
• Price filter: text color, border (color and radius -- it should be applied to the fields). (@gigitux Price Filter block: enable global style  #5559)
• Reviews (Update Reviews blocks so they use block styles #4323): font size, text color.
• Mini Cart (button): text color (it should also change the icon color). (@gigitux Mini Cart Block: The color of the badge reflects the global style #5477)

Product element blocks

• Product title: font size, line height, font family, font weight, text transform, text color, background color (including gradients), margin (Add global styles to Product Title block #5009) (@gigitux Product Title block: add support global style #5515 )
• Add to cart button: text color, background color (including gradients), padding, border (color and radius) and width
• Category List: font size, text color @gigitux Category List block: add support for global style #5516
• Image: font size, border (radius) @gigitux Product Image block: Enable global style #5562
• Price: font size, text color (on hold: Add global styles to all WC Blocks #4965 (comment))
• Rating: text color (it should change the color of stars) (@gigitux Rating Product block: Add support for global style #5521)
• Sale badge: font size, text color, background color (including gradients), padding, color, radius (@gigitux) Sale Product Block: Enable global style #5565
• Stock indicator: font size, text color (@gigitux) Stock Indicator block: Add support for global style #5525
• Summary: font size, text color (@gigitux) Summary Product block: Add support for global style #5524
• Tag list: font size, text color, link color (@gigitux) Tag List block: Add support for global style  #5528

Some of them are experimental, so you might need Gutenberg installed to get them working.

One challenge of this issue is that we might need to update the blocks to use apiVersion: 2.

[Aljullu]

Heads-up that I'm removing the good first issue label given that we found that adding global styles to some of the blocks was more complex than anticipated. We are planning to work on this issue in the future, but as part of a bigger project to properly document all challenges we face with current Gutenberg APIs and the way WC blocks work.

[gigitux]

I'm editing the issue description. The Product Title block has the global style enabled for the background, so we should enable the global style for the text color too.

[gigitux]

The Product Price block has a more granular level of customization for font style and text color that we can't reach with global style API. For now, we will not migrate the Product Price block to global style.

[gigitux]

The Product Price block has a more granular level of customization for font style and text color that we can't reach with global style API. For now, we will not migrate the Product Price block to global style.

At the end, we decided to convert the Product Price block