Table of Contents: Add typography support

[aaronrobertshaw]

Related:

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

What?

Adds typography supports to the Table of Contents block.

Why?

• Improves consistency of our design tools across blocks.

How?

• Opts into all typography supports.
• Makes font size control displayed by default as per majority of blocks currently.

Testing Instructions

1. Edit a post, add a Table of Contents block along with several headings of varied levels.
2. Select the Table of Contents block and adjust its typography via the sidebar.
3. Ensure the selected styles are reflected in both the editor and frontend.
4. Reset the blocks styles and save.
5. Load the site editor and navigate to Global Styles > Blocks > Table of Contents > Typography.
6. Double check that adjusted typography settings are reflected in the preview and are applied on frontend after saving.
7. Confirm that theme.json styling of the Table of Contents works as expected.

Example theme.json snippet:

			"core/table-of-contents": {
				"typography": {
					"fontWeight": "100",
					"textTransform": "uppercase"
				}
			}

Screenshots or screencast

Screen.Recording.2022-08-23.at.7.22.55.pm.mp4

[ZebulanStanphill]

Looks good to merge! 👍