chore: Update docs, resolves #4520

src/pages/elements/typography/code.mdx

@@ -45,7 +45,16 @@ You can use this package by writing the following:
 
 // Include utility classes for type-related properties
 @include type.type-classes();
+```
+
+## 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.
+
+```scss
 .selector {
   // Include a type style
   @include type.style('productive-heading-01');