Bold font face should be mapped to "bold" font-weight

[sawyerh]

• Mayflower version: 10.1.0
• Browser: Chrome

In CSS, the bold font-weight value maps to a numeric value of 700 – Source. Currently, when a website using Mayflower has an element styled with font-weight: bold, the element receives the "bolder" font weight, rather than "bold" 👇

Request:

It would be ideal if adopting websites could continue utilizing font-weight: bold and for Mayflower to apply the expected bold styling. I'm not sure how this works for variable fonts, but this used to be achieved by specifying font-weight: bold in the @font-face declaration of the font file.

Steps to reproduce on live site:

1. Create a custom CSS style declaration that utilizes font-weight: bold
2. Note that the weight applied is heavier than the Noto bold weight described in the documentation.

[sawyerh]

@clairesunstudio Apologies for not catching this during the PR review stage. Just noticed the text was heavier and did some digging to learn why.