Table: Add missing typography supports

[aaronrobertshaw]

Related:

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

What?

Adds missing typography supports to the Table block.

Why?

• Improves consistency of our design tools across blocks.

How?

• Opts into missing font-family and text-decoration typography support.

Testing Instructions

1. Edit a post, add a Table block, select it and enter some content.
2. Check that the font-family and text-decoration controls are now available.
3. Test various typography settings ensuring styles are applied in the editor.
4. Save and confirm their application on the frontend.
5. Test styling via theme.json and global styles (Note: Text decoration is deliberately not available in Global Styles).

Example theme.json snippet:

			"core/table": {
				"typography": {
					"fontFamily": "var(--wp--preset--font-family--source-serif-pro)",
					"textDecoration": "line-through"
				}
			}

Screenshots or screencast

Screen.Recording.2022-09-08.at.7.48.59.pm.mp4

[glendaviesnz]

This all works for me, except text decoration doesn't show in global styles, but was it noted on a previous PR that there is some reason why text decoration doesn't show in global styles?

[glendaviesnz]

LGTM:

✅ Could add font family and text decoration in post editor tools panel and changes were reflected in editor and frontend
✅ Could set font family in global styles and change reflected in site editor, post editor and frontend
✅ Could set font family and text decoration in theme.json and both reflected in editor and frontend

[aaronrobertshaw]

Thanks for the review @glendaviesnz 👍

noted on a previous PR that there is some reason why text decoration doesn't show in global styles?

Originally, it was decided that text decoration shouldn't be exposed or encouraged to be set at the global styles level. There are separate plans in the works to update the Global Styles typography panel which may involve adding the text-decoration control at some point.

I'll also update the test instructions here to highlight the lack of text decoration in Global Styles.