fix(typography): prevent bootstrap color override (#2161)

Author: yggg

src/app/pages/ui-features/typography/typography.component.html

@@ -123,10 +123,10 @@ <h5 class="text-heading">Heading Text</h5>
               Far far away, behind the your awesomeness.
             </div>
           </div>
-          <div class="item text-body">
+          <div class="item text-basic">
             <div class="color bg-body"></div>
             <div>
-              <h5 class="text-body">Body Text</h5>
+              <h5 class="text-basic">Body Text</h5>
               Far far away, behind the your awesomeness.
             </div>
           </div>

src/app/pages/ui-features/typography/typography.component.scss

@@ -100,6 +100,10 @@
     }
   }
 
+  .text-basic {
+    color: nb-theme(text-basic-color);
+  }
+
   .text-link {
     color: nb-theme(link-text-color);
   }