feat(link): updates styles and design-tokens

[nuria1110]

Proposed behaviour

Link uses new design tokens and removes underline on focus:

Adds bold prop to Link:

Updates skip-link styles.

Current behaviour

Skip-link styles are out-of-date with DS.

Link colours are hardcoded hex values and underline is present on focus:

Checklist

• Commits follow our style guide
• Related issues linked in commit messages if required
• Screenshots are included in the PR if useful
• All themes are supported if required
• Unit tests added or updated if required
• Playwright automation tests added or updated if required
• Storybook added or updated if required
• Translations added or updated (including creating or amending translation keys table in storybook) if required
• Typescript d.ts file added or updated if required
• Related docs have been updated if required

QA

• Tested in provided StackBlitz sandbox/Storybook
• Add new Playwright test coverage if required
• Carbon implementation matches Design System/designs
• UI Tests GitHub check reviewed if required

Additional context

Testing instructions

[DipperTheDan]

suggestion(non-blocking): Confirm with QA but it might good to add an accessibility test for the bold prop, just to cover it.

[nuria1110]

Checked with Sian since she has been looking at our tests and she didn't think it was necessary

[nineteen88]

praise: a lot of solid refactors and tidying of the codebase as you go

Great work!

[carbonci]

🎉 This PR is included in version 158.24.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀