FontSize conflict between link and social-links blocks

[CallMarl]

Description

Customize the font size of link into global settings override the custome size defined into social-links block. Caused by the order of css call, the instruction below should include the native block class .wp-block-social-link-anchor:

a:where(:not(.wp-element-button)) {
    font-size: var(--wp--preset--font-size--small);
}

to:

a:where(:not(.wp-element-button, .wp-block-social-link-anchor)) {
    font-size: var(--wp--preset--font-size--small);
}

I tried into developper tool and this fix work.

Step-by-step reproduction instructions

Into theme.json set styles.elements.link.typography.fontSize with custom size like:

{
    "styles": {
        "elements": {
            "link": {
                "typography": {
                    "fontSize": "var(--wp--preset--font-size--small)"
                }
	    }
        }
    }
}

Then try to define into wordpress gutenberg editor custom size into the social links editor.

Screenshots, screen recording, code snippet

Environment info

• Wordpress 6.7
• Gutenberg (native)
• Theme twentytwentyfour

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

Please confirm which theme type you used for testing.

• Block
• Classic
• Hybrid (e.g. classic with theme.json)
• Not sure