feat(typography): use variable fonts instead of statics one by default

### Feature Description

Hi 🙌
I propose replacing the current static fonts for Roboto and Material Symbols with their variable font counterparts.

It will bring minor but valuable improvements especially for newcomers :

- Reduced file sizes and HTTP requests.
- Greater control over font properties (e.g., weight, width).
- Aligns with the latest web standards.

This change would enhance Angular Material’s efficiency, design capabilities, and relevance.

Here is a quick example of new default font import proposal :

```html

```

Thank you for considering this request.

### Use Case

- Enhance getting started with Angular Material experience
- Promote modern font technologies
- Align with latest web standards
- Better maintenability and performance

L’issue ne nomme aucun fichier, test ni point d’entrée. Commencez par localiser où Angular Material importe ou documente actuellement les polices statiques Roboto et Material Symbols, puis comparez cette configuration aux imports proposés pour les polices variables. Le travail est terminé lorsque la configuration de police par défaut utilise les variantes variables et que l’expérience getting started conserve la typographie prévue.

Rédigé par le modèle d'indexation à partir du texte de l'issue.