chore: Update docs, resolves #4520

[anjju]

Closes #4520

Changelog

Changed

• In https://carbondesignsystem.com/elements/typography/code/ pull the section .selector { [...] } into a new paragraph so it is easy to find:

How to style an element
Outside of very conscious exceptions, style all your fonts with the Carbon helpers so you can easily
keep your code robust and consistent. Avoid using single CSS attributes like font-weight or font-size
whenever possible and rather defer the type handling to Carbon.

.selector {
 // Include a type style
 @include type.style('productive-heading-01');
}

[alina-jacob]

Thanks for the PR, looking good! @anjju ⭐

Just noting a couple of things,

• I'd update the heading from "How to style an element" to "Type-styles"
• I'd change the heading "How to style an element" from H2 to H3
• I'd also rephrase the paragraph to "Unless there are specific exceptions, always use Carbon helpers to style your fonts. This ensures your code stays consistent and maintainable. Avoid directly setting individual CSS properties like font-weight or font-size; instead, rely on Carbon to handle all typography styling."

@thyhmdo, @laurenmrice, feel free to add any other recommendations!

[tay1orjones]

I agree w/ Alina's suggestions. Otherwise this LGTM, thanks!

[thyhmdo]

Yeah @anjju , also agree with @alina-jacob's feedback above