Product Template - Product Image - fix styles application

[kmanijak]

Prerequisites:

• Make sure to have at least one product on sale

Steps to reproduce

1. Go to Editor
2. Add Products block
3. Add Product Image block as an inner block if not included already
4. Change Global Styles -> [CATEGORY] -> [PROPERTY] (whatever is listed below, so you can check if Product Template styles overwrite the Global Styles, e.g. Global Styles -> Typography -> Text -> Decoration)
5. Focus on Product Template block and change following styles

Typography

• font
• size
• appearance
• line height
• decoration
• letter case
  Expected: Properties change the styles in editor and frontend
  Actual: Properties don't influence the styles

Color

• Text
  Expected: Property should change the text color
  Actual: It doesn't react

⚠️ Remember

• Check all of the above in Editor and Frontend!
• Styles composition may be fragile and the issue may evolve. Please check if block reacts to all the other Global Styles
• For items we are inheriting from Gutenberg that seem inconsistent and/or have room for improvement, we should raise an upstream Issue or PR and avoid making localized changes that bring inconsistency with Gutenberg.
• Reflect the newest state of styles support in the Spreadsheet after finishing this task