Duplicated theme & user styles

[oandregal]

Reported at #29985 (comment)

How to reproduce

• Use the TT1-blocks theme and go to the site editor.
• In the global styles sidebar, go to the "root" panel and change the "Dark Gray" color from #28303d to #28303e
• Save the changes.
• Go to the front-end and inspect the global-styles-inline-css embedded stylesheet.

The expected result is that:

• there should be only one definition of --wp--preset--color--dark-gray whose value should be #28303e.
• there should be only one preset class for .has-dark-gray-color.

What happens instead is that there are two definitions (theme & user data), as per:

[Sandstromer]

Can I add that would it also be better if the .has-dark-gray-color used the variable rather than the explicit color?

So, .has-dark-gray-color {color: #28303e;} should use .has-dark-gray-color {color: var(--wp--preset--color--dark-gray);} instead?

[oandregal]

Closing this one and it's no longer an issue.