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

issue にはファイル、テスト、エントリポイントが記載されていません。まず、Angular Material が現在どこで静的な Roboto フォントと Material Symbols フォントを import またはドキュメント化しているかを特定し、その設定を提案されている可変フォントの import と比較してください。デフォルトのフォント設定が可変フォント版を使用し、getting-started エクスペリエンスで意図したタイポグラフィが維持されれば完了です。

索引モデルが issue の本文から書いたものです。