fix(ui5-illustrated-message): update title font styles (#10912)

Fixes: #10879

Author: kgogov

packages/fiori/src/themes/IllustratedMessage.css

@@ -52,6 +52,9 @@
 .ui5-illustrated-message-title ::slotted([slot="title"]) {
     text-align: center;
     margin-bottom: 1rem;
+	font-size: var(--sapFontHeader2Size);
+	font-family: var(--sapFontHeaderFamily);
+	font-weight: 700;
     line-height: 1.3;
     max-width: 61.9375rem;
 }
@@ -77,7 +80,7 @@
 :host([media="dialog"]) .ui5-illustrated-message-title [ui5-title],
 :host([media="dialog"]) ::slotted([slot="title"]) {
     margin-bottom: 0.5rem;
-    font-size: var(--sapFontHeader4Size);
+    font-size: var(--sapFontHeader3Size);
     max-width: 40.5625rem;
 }
 
@@ -104,7 +107,7 @@
 :host([media="spot"]) .ui5-illustrated-message-title [ui5-title],
 :host([media="spot"]) ::slotted([slot="title"]) {
     margin-bottom: 0.5rem;
-    font-size: var(--sapFontHeader5Size);
+    font-size: var(--sapFontHeader4Size);
     line-height: 1.25rem;
     max-width: 21.5rem;
 }