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

In der Issue werden keine Dateien, Tests oder Einstiegspunkte genannt. Beginne damit, zu ermitteln, wo Angular Material derzeit die statischen Roboto- und Material-Symbols-Schriftarten importiert oder dokumentiert, und vergleiche diese Einrichtung anschließend mit den vorgeschlagenen Imports der variablen Schriftarten. Als erledigt gilt die Aufgabe, wenn die Standardschrifteinrichtung die variablen Gegenstücke verwendet und die Getting-Started-Erfahrung die beabsichtigte Typografie beibehält.

Vom Indexierungsmodell aus dem Issue-Text verfasst.