Custom colors in color palette don't increment on non-English sites

[properlypurple]

Description

When using the color palette under global styles to add custom colors, every new color should show up like Color 1, Color 2, and so on. When on a site with a different language, the numbers in custom colors don't increment.

Step-by-step reproduction instructions

1. On a fresh site, set the site language to French or German.
2. If using the Gutenberg plugin, install the language pack from Dashboard > Updates
3. Start with a block theme(2023, Spectra, etc), and go to Appearance > Editor
4. Go Styles > Colors > Palette. Click the button to add a new custom color. In French, this would be under Personnalisé.
5. Add a few more colors, and notice that the names are all Couleur 1 by default.
6. Close the editor, and switch the site's language to English.
7. Repeat steps 3-5, and notice that the color names auto-increment Color 1, Color 2, and so on.

Screenshots, screen recording, code snippet

English

Kooha-2023-10-10-11-09-39.mp4

French

Kooha-2023-10-10-11-14-01.mp4

I've also tested this with German, Spanish, and Brazilian Portuguese, with the same results.

Environment info

• WP 6.3.1, with or without the Gutenberg (16.7.1) plugin

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

[properlypurple]

It looks like this is related to how the translation is handled here

gutenberg/packages/components/src/palette-edit/index.tsx

Line 105 in 2796457

return sprintf(

[t-hamano]

Thanks for the report.

Some issues have been reported for non-Latin languages with the global style custom color palette.

• Theme.json: CSS variables are not generated for non-latin slugs in the iframed editor #49711
• Creating a new color in multibyte character, the style in editor will be broken. #39210

It may be difficult to solve all of these problems at once, but I believe that #54332 will be the first step towards solving them.

[t-hamano]

This issue has been fixed in #52212. The screencast below shows that palette names are incremented correctly even on a French site.

d4231d0ea47a10831410a5a50e420b9b.mp4