fix: text styles for lead text

Author: joekarasek

docs-site/src/pages/pattern-lab/_patterns/06-experiments/micro-journeys/80-micro-journeys-solo.twig

@@ -1,6 +1,6 @@
 {% set content %}
 <bolt-interactive-pathways>
-  <p slot="interactive-pathways-lead-text">How Pega technology resolves</p>
+  <bolt-text subheadline font-size="xxlarge" slot="interactive-pathways-lead-text">How Pega technology resolves</bolt-text>
   <bolt-interactive-pathway pathway-title="Simple Steps">
     <p slot="pathway-title">Simple Steps</p>
     <bolt-interactive-step tab-title="Step 1">

docs-site/src/pages/pattern-lab/_patterns/06-experiments/micro-journeys/billing-micro-journey-fragments/_micro-journey-demo-1.twig

@@ -1,5 +1,5 @@
 <bolt-interactive-pathways>
-  <p slot="interactive-pathways-lead-text">How Pega technology resolves</p>
+  <bolt-text subheadline font-size="xxlarge" slot="interactive-pathways-lead-text">How Pega technology resolves</bolt-text>
   <bolt-interactive-pathway pathway-title="Billing Inquires">
     <bolt-interactive-step tab-title="Proactive service">
       {% include "./billing-micro-journey-fragments/_step-one.twig" %}

packages/editor/src/setup-bolt.js

@@ -431,7 +431,7 @@ export function setupBolt(editor) {
       default: 'bolt-interactive-pathway',
     },
     initialContent: [
-      `<p slot="interactive-pathways-lead-text">How Pega technology resolves</p>`,
+      `<bolt-text subheadline font-size="xxlarge" slot="interactive-pathways-lead-text">How Pega technology resolves</bolt-text>`,
       `<bolt-interactive-pathway pathway-title="New Title">
         ${starters.stepOneCharacterLorem}        
         ${starters.stepTwoCharacterLorem}