Description

In Gutenberg v17.8.0, the link color specified in the template is not being applied to the link when viewed in the frontend. It seems that the style rules are not correctly generated.

Step-by-step reproduction instructions

1. Open WP playground with Gutenberg 17.8.0 installed and activated
2. Navigate to the Site Editor and edit a template.
3. Create a paragraph block with a link. Add a link color using the color settings or copy and paste the following code into the code editor:

<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|accent-3"}}}},"textColor":"accent-3"} -->
<p class="has-text-align-center has-accent-3-color has-text-color has-link-color">Études is a pioneering firm<a href="#link-color-is-missing">that seamlessly</a> merges creativity and functionality to redefine architectural excellence.</p>
<!-- /wp:paragraph -->

4. Save and preview the page in the frontend.
5. Observe that the color specified for the link is not applied.

Screenshots, screen recording, code snippet

Environment info

• Wordpress version 6.4.3
• Gutenberg version 17.8.0

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