[WIP] Navigation Submenu: Add typography support

[aaronrobertshaw]

Related:

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

⚠️ 🚧 Application of text decoration styles needs work as they won't get inherited by submenu navigation links. 🚧 ⚠️

We could possibly skip the text-decoration support now if we maintain the other typography styles on the block wrapper in future. An alternate option might be to skip serialization of the typography styles but manually apply all but the text-decoration class names and styles to the wrapper.

What?

Adds typography supports to the Navigation block.

Why?

• Improves consistency of our design tools across blocks.
• Allows typography styling of navigation submenus independent of the Navigation block's styles.

How?

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

Testing Instructions

1. In the site editor, edit a template with a Navigation block, and add a submenu complete with a few links.
2. Navigate to Global Styles > Blocks > Navigation Submenu > Typography.
3. Experiment with typography styles and ensure they are applied to the Navigation Submenu blocks in the preview.
4. Select your Navigation Submenu block and switch to the settings sidebar.
5. Within the typography panel, configure some overriding styles. These should be reflected in the preview.
6. Save and confirm styles on the frontend.
7. For bonus points you can also test theme.json to be thorough.

Example theme.json snippet:

			"core/navigation-submenu": {
				"typography": {
					"fontWeight": "100",
					"textTransform": "uppercase"
				}
			}

Screenshots or screencast

[aaronrobertshaw]

Closing this draft as I don't have the bandwidth to revisit alternative approaches at this time.