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

El issue no menciona archivos, pruebas ni puntos de entrada. Empieza por localizar dónde Angular Material importa o documenta actualmente las fuentes estáticas Roboto y Material Symbols, y después compara esa configuración con las importaciones propuestas de fuentes variables. Se considera terminado cuando la configuración de fuentes predeterminada usa las variantes variables y la experiencia de getting started conserva la tipografía prevista.

Escrito por el modelo de indexación a partir del texto del issue.