Button Block Global Styles for Font Family overrides individual block setting.

[Addison-Stavlo]

On current Gutenberg trunk branch with Twenty-twenty-two theme (reproduced on other themes as well), the Block specific global styles "font family" setting for the Buttons block overrides the individual block inspector settings.

Steps to Reproduce

• Go to Global Styles -> Blocks -> Button -> Typography. Set a font family.
• Go to an individual button block and try to set a different font family in the block inspector.
• See that it does not update and uses the block level global styles setting.

What I would expect:

Where we would expect individual block level settings to override the Global Styles block type setting.

What happens

Global Styles block type settings overrides individual block inspector settings.

[carolinan]

I was able to confirm this.
The global style is applied to the link, wp-block-button__link.
The block style is applied to the wrapping div with a class name:
<div class="wp-block-button has-monospace-font-family"><a class="wp-block-button__link wp-element-button">blah blah</a></div>