theme.json: The outline property does not work properly on the editor

[t-hamano]

Description

The outline property does not work properly in the editor. The following are either not applied or incorrect values are applied on the editor:

styles.outline

Not work on the site editor.

styles.blocks.{namespace/blockName}.outline

Not work on the post / site editor..

styles.elements.button.outline

The incorrect outline-color property is applied and the outline-offset property is not on the site editor.

styles.h{X}.outline

The incorrect outline-color property is applied and the outline-offset property is not on the site editor.

Step-by-step reproduction instructions

In the active theme, define theme.json as follows:

theme.json

{
	"$schema": "https://schemas.wp.org/trunk/theme.json",
	"version": 2,
	"settings": {
		"appearanceTools": true,
		"layout": {
			"contentSize": "840px"
		}
	},
	"styles": {
		"outline": {
			"offset": "2px",
			"width": "4px",
			"style": "dashed",
			"color": "red"
		},
		"blocks": {
			"core/paragraph": {
				"outline": {
					"offset": "2px",
					"width": "4px",
					"style": "dashed",
					"color": "red"
				}
			}
		},
		"elements": {
			"button": {
				"outline": {
					"offset": "2px",
					"width": "4px",
					"style": "dashed",
					"color": "red"
				},
				":active": {
					"outline": {
						"offset": "2px",
						"width": "4px",
						"style": "dashed",
						"color": "green"
					}
				},
				":focus": {
					"outline": {
						"offset": "2px",
						"width": "4px",
						"style": "dashed",
						"color": "yellow"
					}
				},
				":hover": {
					"outline": {
						"offset": "2px",
						"width": "4px",
						"style": "dashed",
						"color": "blue"
					}
				}
			},
			"h2": {
				"outline": {
					"offset": "2px",
					"width": "4px",
					"style": "dashed",
					"color": "red"
				}
			}
		}
	}
}

Screenshots, screen recording, code snippet

No response

Environment info

• WordPress: 6.1-beta1-54304
• Gutenberg: 14.2.0-rc.1

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes