[CL-791] global text color change (#15723)

* update variables to use same color as text-main

* remove unused headers key from tailwind config

libs/components/src/variables.scss

@@ -18,7 +18,7 @@ $theme-colors: (
 );
 
 $body-bg: $white;
-$body-color: #333333;
+$body-color: #1b2029;
 
 $font-family-sans-serif:
   Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
@@ -216,7 +216,7 @@ $themes: (
     textColor: $body-color,
     textDangerColor: $white,
     textInfoColor: $white,
-    textHeadingColor: #333333,
+    textHeadingColor: $body-color,
     textMuted: #6c757d,
     textSuccessColor: $white,
     textWarningColor: $white,

libs/components/tailwind.config.base.js

@@ -74,7 +74,6 @@ module.exports = {
         contrast: rgba("--color-text-contrast"),
         alt2: rgba("--color-text-alt2"),
         code: rgba("--color-text-code"),
-        headers: rgba("--color-text-headers"),
       },
       background: {
         DEFAULT: rgba("--color-background"),
@@ -101,7 +100,6 @@ module.exports = {
       main: rgba("--color-text-main"),
       muted: rgba("--color-text-muted"),
       contrast: rgba("--color-text-contrast"),
-      headers: rgba("--color-text-headers"),
       alt2: rgba("--color-text-alt2"),
       code: rgba("--color-text-code"),
       black: colors.black,