Feature request: Add support for font size presets in global styles

[ghost]

Related to: #34345

What problem does this address?

Currently we can: edit/rename/add color and spacing presets in theme.json or global styles sidebar.

Currently, we can edit/rename/add font size presets only in theme.json.

Problem 1:
Font size presets added in theme.json as custom values are not accessible in the dropdown control.

Example from Twenty Twenty-Two theme:

"custom": {
	"typography": {
		"font-size": {
			"huge": "clamp(2.25rem, 4vw, 2.75rem)",
			"gigantic": "clamp(2.75rem, 6vw, 3.25rem)",
			"colossal": "clamp(3.25rem, 8vw, 6.25rem)"
		}
}

❌ These font size presets (huge, gigantic and colossal), printed as --custom--typography--font-size-{name} variables, can't be used in the paragraph block.

---

Problem 2:
If these font sizes were to be added in theme.json as if they were default font size presets, for example: --wp--preset--font-size--{name},

"fontSizes": [
	{
		"name": "Huge",
		"size": "clamp(2.25rem, 4vw, 2.75rem)",
		"slug": "huge"
	},
	{
		"name": "Gigantic",
		"size": "clamp(2.75rem, 6vw, 3.25rem)",
		"slug": "gigantic"
	},
	{
		"name": "Colossal",
		"size": "clamp(3.25rem, 8vw, 6.25rem)",
		"slug": "colossal"
	},
]

✔️ then we would be able to select these font size presets in the dropdown control,
❌ but we still wouldn't be able to edit their values in the global styles sidebar.
❌ And it seems the nomenclature would become wrong. They are not --wp--preset--font-size--{name} . Instead they are --wp--preset--font-size--custom--{name}

---

Problem 3:
Related to: #43197
in the current scenario, when we set in a paragraph block a custom font size which happens to be the same size as a preset font size, the value is saved as if we had selected the preset font size. If someday this value of the preset font size is changed in theme.json, many paragraph sizes which we wanted to be custom, and not preset, in the first place, are going to be affected. This demonstrates that even when the preset font sizes aren't needed in a theme, there is still a need to adjust preset font sizes easily and with confidence in the global styles - not achieved by manually editing theme.json.

What is your proposed solution?

Please add the possibility to: edit/rename/add font size presets in the global styles sidebar.

Mockup:

[annezazu]

Adding to the phase 2 board after it was raised in this issue: #48443

[SaxonF]

Attached a possible design below.

[annezazu]

This came up as part of the FSE Outreach Program's Build a Block Theme exploration and it impacts more than just font size presets so we need to consider a scalable solution across the different preset options:

What I found confusing is that for typography, there’s the preset font sizes (S, M, L, XL) but there’s no interface to change those preset sizes globally from the editor. Same for the defaults of Padding, Margin, Block Spacing and similar items.