Code Block: Add missing typography supports to code block

[aaronrobertshaw]

Related:

• Tracking: Addressing Design Tooling Consistency #43241
• Tracking: Typography Design Tools Consistency #43242

What?

Adopts the remaining typography supports for the Code block.

Why?

• Improves consistency of our design tools across blocks.

How?

• Opts into font family and text decoration supports

Testing Instructions

1. Load the editor, add a code block and select it.
2. Test various typography settings, especially font family and text decoration.
3. Save and confirm application on the frontend.
4. Switch to the site editor and navigate to Global Styles > Blocks > Code > Typography and apply typography styles there.
5. Confirm the selected styles are reflected in the preview and on the frontend.

Screenshots or screencast

Screen.Recording.2022-08-16.at.7.04.27.pm.mp4

[ramonjd]

All typography values are being correctly applied for me in the editors and the frontend. Made sure to add some fontFamilies as well. LGTM

Just checking if this comment from @apeatling still stands:

should we be opting all core blocks above into all typography tools where it makes sense (counter example being font family for the code block)

I can imagine some themes might add their own monospace font selections, so in my mind it's okay. Plus the control is not shown by default.

?

[aaronrobertshaw]

Thanks for reviewing this one @ramonjd 👍

Just checking if this #35604 (comment) from @apeatling still stands:

The latest direction I have is to lean toward adopting all block supports across all blocks. That is of course unless there is no value at all. I think your potential use case highlights a possible use for font family support here.

[apeatling]

This seems fine to me.