feat: add gcds icon font

[melaniebmn]

Summary | Résumé

This PR implements the new GCDS icon font into the icon component, replacing the previously used Font Awesome font. The GCDS icon font provides a more aligned and tailored solution for our project’s iconography needs. All instances where Font Awesome was used have been updated to use the GCDS icon font. This change improves consistency across the project.

Additionally, we have added mobile icon font sizes and line heights to align with our recent typography updates, ensuring a better visual experience across devices.

Changes

• Replace the Font Awesome icon font with the GCDS font as the icon font family for the icon component.
• Mobile icon font sizes and line heights to match updated typography guidelines.
• Update existing components to use the new GCDS icon names.

Breaking changes

• Update the name prop of the icon to accept only a predefined set of valid inputs.
• Change the default value of the icon size prop from text to inherit.

Zenhub ticket

The details for this change can be found in this Zenhub ticket.

Tokens dependency

This PR is dependent on the token update from this token PR.

Note

The fixed-width and icon-style props will no longer be supported for the icon component. They will be removed in a separate PR.

⛔ ⛔ ⛔ Do not merge this PR until breaking change release messaging is ready to go. ⛔ ⛔ ⛔

[ethanWallace]

It's looking really good! Just a couple small things that I noticed.

Are we able to update the size of the gcds-icon in the search component to match closer to the font-awesome size? With the new font it's noticeably different.

[ethanWallace]

LGTM!

[ethanWallace]

LGTM