feat: implement header styles for builder-io (#1497)

## Description

## References
### Jira-link:
<!-- Put link to your task in Jira here -->
https://virtocommerce.atlassian.net/browse/VCST-2202
### Artifact URL:

https://vc3prerelease.blob.core.windows.net/packages/vc-theme-b2b-vue-2.12.0-pr-1497-3ed4-3ed492d7.zip

client-app/assets/styles/preflight.scss

@@ -9,12 +9,6 @@
   body {
     @apply text-[--body-text-color];
   }
-
-  .builder-block {
-    .vc-container {
-      --body-bg-color: transparent;
-    }
-  }
 }
 
 /* Chrome, Safari, Edge, Opera */

client-app/assets/styles/vendors.scss

@@ -1 +1,2 @@
 @use "vendors/swiper";
+@use "vendors/builder-io";

client-app/assets/styles/vendors/_builder-io.scss

@@ -0,0 +1,49 @@
+.builder-block {
+  .vc-container {
+    --body-bg-color: transparent;
+  }
+
+  h1 {
+    @apply text-2xl tracking-wide font-bold uppercase;
+
+    @media (min-width: theme("screens.lg")) {
+      @apply text-3xl;
+    }
+  }
+
+  h2 {
+    @apply text-xl tracking-wide font-bold uppercase;
+
+    @media (min-width: theme("screens.lg")) {
+      @apply text-2xl;
+    }
+  }
+
+  h3 {
+    @apply text-lg tracking-wide font-bold uppercase;
+
+    @media (min-width: theme("screens.lg")) {
+      @apply text-xl;
+    }
+  }
+
+  h4 {
+    @apply text-base font-bold uppercase;
+
+    @media (min-width: theme("screens.lg")) {
+      @apply text-lg;
+    }
+  }
+
+  h5 {
+    @apply text-base font-bold uppercase;
+  }
+
+  h6 {
+    @apply text-base font-bold uppercase;
+  }
+
+  p {
+    @apply text-base;
+  }
+}