docs-bug(All-Components): Lack of Interactive Playground for Design Tokens

### Documentation Feedback

noticed that the Material Design documentation does not clearly demonstrate the real-time effects of various design tokens across components. To help designers and developers better understand token functionality, I have created [Material-In-Realtime](https://smil-thakur.github.io/Material-In-Real-Time). This tool allows users to experiment with design tokens and see live updates instantly.

However, the Material library is vast, and so far, I have only covered buttons. Expanding this playground to include all components requires more effort, and I would love contributions or guidance to make it more comprehensive.

I believe integrating a similar interactive playground into the official documentation could enhance clarity and usability. I’m happy to collaborate or provide insights if this aligns with your goals. Let me know if this would be valuable!

### Affected documentation page

https://material.angular.io/components/button/overview

影響を受ける Button の概要ページから始め、リンクされている Material-In-Realtime playground と比較します。複数のコンポーネントにまたがるインタラクティブなデザイントークン playground のドキュメント範囲を定義し、その結果が公式ドキュメント内でトークンの効果をリアルタイムに示していることを確認します。

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