[FEATURE] Remise à jour des typographies des titres (PIX-9969)

[yannbertrand]

🎄 Problème

On souhaite mettre à jour les typographies utilisées pour nos titres de la police Open Sans vers la police Nunito. Les détails des variantes de typos sont sur Figma : https://www.figma.com/file/8RJ3aCSfdeQ8AZZVBBYKS8/Design-System-Pix?type=design&node-id=2598-16269&mode=design&t=WFMIRmEDI58shetS-0.

🎁 Proposition

Pour avoir le maximum d'impact, remplacer directement les valeurs données aux Design Tokens de nos titres, via les placeholders SCSS et classes CSS.

Par soucis de rétrocompatibilité, on conserve la possibilité de récupérer Open Sans via Pix UI mais on note que ça sera déprécié. Je pense donc que ça peut être une montée de version mineure ou patch. La suppression d'Open Sans sera une montée de version majeure. On pourra peut être en profiter pour supprimer les line-height qui posent problème quand les fonts sont utilisées dans d'autres contextes des paragraphes de texte.

On n'expose pas plus de variables "privées" de Pix UI. L'objectif des Design Tokens est de pouvoir correspondre aux cas d'usages le plus fidèlement possible.

On met à disposition 3 variables CSS pour ajuster le font-weight quand c'est nécessaire, en complément des 2 classes utilitaires déjà existantes (rien ne change sur leurs valeurs). On a utilisé en interne des variables CSS pour simplifier le code :)

🌟 Remarques

Je ne sais pas comment tester la fallback font, j'ai l'impression qu'elles ne sont pas utilisées car le loader Ember attend le chargement de notre font.

🎅 Pour tester

Dans Pix UI :

• Vérifier que la documentation est bien à jour
• Vérifier que la nouvelle police est bien utilisée dans la doc
• Vérifier que la nouvelle police est bien utilisée dans les composants : PixIndicatorCard, PixModal et PixSidebar.

Dans les différentes applications qui l'utilisent :

• Brancher la PR pour s'assurer de l'impact sur nos titres.

[pix-bot-github]

Une fois l'application déployée, elle sera accessible à cette adresse https://ui-pr497.review.pix.fr
Les variables d'environnement seront accessibles sur scalingo https://dashboard.scalingo.com/apps/osc-fr1/pix-ui-review-pr497/environment

[mcampourcy]

Tests func :

• MàJ de la doc OK
• La doc Storybook est toujours en Nunito Sans chez moi, je regarde si on peut la dégager (si c'était bien le but ?)
• Reste à faire : la connexion avec Certif

PixModal est bien passée en Nunito

Les titres de PixIndicatorCard aussi :

et PixSidebar aussi pour le texte "42" :

[yannbertrand]

* La doc Storybook est toujours en `Nunito Sans` chez moi, je regarde si on peut la dégager (si c'était bien le but ?)

Côté Storybook je propose de ne rien faire.

Quelques KO pour les components dans SB :

Qu'est-ce qui est KO ?

[mcampourcy]

* La doc Storybook est toujours en `Nunito Sans` chez moi, je regarde si on peut la dégager (si c'était bien le but ?)

Côté Storybook je propose de ne rien faire.

Quelques KO pour les components dans SB :

Qu'est-ce qui est KO ?

Nope, c'était une erreur, pas de KO