What?

Resolves an issue flagged in #73033 (comment) by @t-hamano

Fix the border panel in global styles so that the border radius UI correctly reflects any presets that are selected.

Why?

With border radius presets, when saving the changes in global styles, it's correctly saved in the database, but the UI doesn't update correctly to reflect the selected values. Values can be either var: based or var() using the actual CSS variable. These values need to be decoded in order for the UI to correctly reflect the selected preset.

How?

• Update the border-panel to call decodeValue on the border radius values

Testing Instructions

In your theme add the following under the settings section in your theme.json to add some border radius presets:

		"border": {
			"radiusSizes": [
				{
					"name": "Small",
					"slug": "small",
					"size": "2px"
				},
				{
					"name": "Medium",
					"slug": "medium",
					"size": "4px"
				},
				{
					"name": "ClampyMedium",
					"slug": "clampy-med",
					"size": "clamp(0.3125rem, 0.00391rem + 0.39063vw, 0.625rem)"
				},
				{
					"name": "ClampyLarge",
					"slug": "clampy-large",
					"size": "clamp(0.625rem, 0.00781rem + 0.78125vw, 1.25rem)"
				},
				{
					"name": "Full",
					"slug": "full",
					"size": "9999px"
				}
			]
		}

1. Open up the site editor
2. Go to a particular block in global styles (e.g. Heading) and give it a border
3. Then, give it a border radius, and try setting various corners to different preset values
4. Save the global styles
5. The UI should continue to reflect what you've selected
6. Reload the site editor and open up the block you changed. The UI should reflect what you selected.
7. In the editor itself, go to change the border at the individual block level within post content. It should work as on trunk.

Screenshots or screencast