[examples] Align more with the v5 recommended approach

[Tejaswiangotu123]

Edit by @oliviertassinari

#24496 removes the inconsistency of the value accepted by the Typography color prop. The changes update the examples. These examples are important as they serve as a baseline for developers learning the library.

In the future, we will need to:

• Migrate all the codebase from color="textSecondary" to color="text.secondary"
• Add a depreciation for the older API along the lifecycle of v5 stable
• Consider providing a codemod for making the migration
• Agree on when to use the flat props over the sx. So far, we have added the flat props because of the strong demand from developers. However, we haven't yet agreed on a standard.

[mui-pr-bot]

Details of bundle changes

Generated by 🚫 dangerJS against 20202ca

[mbrookes]

@Tejaswiangotu123 What's the reason for this proposed change?

[oliviertassinari]

@mbrookes considering the author tried to improve the examples on v4, moving with a diff similar to what we use in v5, I have continued the spirit of the effort to align the example more with what we recommend so far.

[mbrookes]

CircleCI just keeps getting worse...

[oliviertassinari]

The CI has been out of service, for a week. I had a first call this week with a sales representative at CircleCI. We have another call Monday with @eps1lon for sizing a solution. We suspect they throttle us (significantly), we use more than the monthly free credits.

[mbrookes]

CircleCI just keeps getting worse...

The CI has been out of service, for a week.

Nope, worse:

[oliviertassinari]

@mbrookes Well, yeah. The issue has started to manifest about 4 weeks ago. It's has been increasingly worse since then. Last week, I had opened https://discuss.circleci.com/t/runs-are-2-times-slower-during-the-weekend-why/38967/3.