Global Styles - 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 already included
4. Open Global Styles and change following styles:

Typography - Text

• Appearance
  Expected: Font weight and italic are applied to "Sale" badge
  Actual: Sale badge should react to link typography
• Verify all the other properties work as expected

Typography - Links

• All properties
  Expected: They work in editor and frontend
  Actual: It reacts to size, line height, and font but only in editor, doesn't reflect changes in frontend

Colors

• Text
  Expected: "Sale" badge changes 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