feat(TitleBlockZen): update title font to match composable header (#64)

* chore: apply vscode settings auto update

* feat(TitleBlockZen): update title font to match composable header

* feat(TitleBlockZen): remove breadcrumb breakpoint title font scaling

.changeset/fresh-parents-cough.md

@@ -0,0 +1,5 @@
+---
+"@kaizen/draft-title-block-zen": minor
+---
+
+Update TitleBlockZen title font to match composable header.

.vscode/settings.json

@@ -13,7 +13,7 @@ Happy linting! 💖
 */
 {
   "editor.codeActionsOnSave": {
-    "source.fixAll": true
+    "source.fixAll": "explicit"
   },
   "editor.formatOnSave": true,
   "javascript.suggestionActions.enabled": false,

draft-packages/title-block-zen/KaizenDraft/TitleBlockZen/TitleBlockZen.module.scss

@@ -168,19 +168,12 @@ $tab-container-height-medium-and-small-collapsed: 0;
 }
 
 .titleTextOverride.titleTextOverride {
+  // Match the composable header styles
+  font-family: $typography-display-0-font-family;
+  font-weight: 500;
   padding: 4px 0;
 
-  @media (max-width: $breadcrumb-breakpoint-width) {
-    font-family: $typography-heading-2-font-family;
-    font-weight: $typography-heading-2-font-weight;
-    font-size: $typography-heading-2-font-size;
-    line-height: $typography-heading-2-line-height;
-    letter-spacing: $typography-heading-2-letter-spacing;
-  }
-
   @include title-block-under-1366 {
-    font-family: $typography-heading-2-font-family;
-    font-weight: $typography-heading-2-font-weight;
     font-size: $typography-heading-2-font-size;
     line-height: $typography-heading-2-line-height;
     letter-spacing: $typography-heading-2-letter-spacing;
@@ -189,8 +182,6 @@ $tab-container-height-medium-and-small-collapsed: 0;
 
   .hasLongTitle & {
     @include title-block-under-1366 {
-      font-family: $typography-heading-3-font-family;
-      font-weight: $typography-heading-3-font-weight;
       font-size: $typography-heading-3-font-size;
       line-height: $typography-heading-3-line-height;
       letter-spacing: $typography-heading-3-letter-spacing;
@@ -201,8 +192,6 @@ $tab-container-height-medium-and-small-collapsed: 0;
   &,
   .hasLongTitle & {
     @include title-block-medium-and-small {
-      font-family: $typography-heading-4-font-family;
-      font-weight: $typography-heading-4-font-weight;
       font-size: $typography-heading-4-font-size;
       line-height: $typography-heading-4-line-height;
       letter-spacing: $typography-heading-4-letter-spacing;