fix: issue with stack snapshots

chore: update migration for font changes
chore: update snapshots

Author: nmerget

__snapshots__/tag/component/chromium/DBTag-should-be-a-checkbox-checked.png

@@ -70,9 +70,7 @@ html {
 		we overwrite this for all elements to pass the correct sizes even for elements
 		which have a default font-size/line-height set
 	*/
-	font-size: inherit;
-	line-height: inherit;
-	font-family: inherit;
+	font: inherit;
 
 	/* Use this to get similar fonts in all browser */
 	-webkit-font-smoothing: antialiased;

__snapshots__/tag/component/firefox/DBTag-should-be-a-checkbox-checked.png

@@ -11,6 +11,27 @@ export const v100_v200: ReplaceInFileConfig[] = [
 		from: /border-height/g,
 		to: 'border-width'
 	},
+	/* Font changes */
+	{
+		files: '',
+		from: /db-type-body-line-height-(3xs|2xs|xs|sm|md|lg|xl|2xl|3xl)/g,
+		to: '/* TODO: Use `font: db-type-body-xx` for font-size and line-height instead */'
+	},
+	{
+		files: '',
+		from: /db-type-body-font-size-(3xs|2xs|xs|sm|md|lg|xl|2xl|3xl)/g,
+		to: '/* TODO: Use `font: db-type-body-xx` for font-size and line-height instead */'
+	},
+	{
+		files: '',
+		from: /db-type-headline-line-height-(3xs|2xs|xs|sm|md|lg|xl|2xl|3xl)/g,
+		to: '/* TODO: Use `font: db-type-headline-xx` for font-size and line-height instead */'
+	},
+	{
+		files: '',
+		from: /db-type-headline-font-size-(3xs|2xs|xs|sm|md|lg|xl|2xl|3xl)/g,
+		to: '/* TODO: Use `font: db-type-headline-xx` for font-size and line-height instead */'
+	},
 	/* Angular changes */
 	{
 		files: '',

__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-checkbox-checked.png

@@ -168,9 +168,8 @@ main .db-header {
 	padding: var(--db-spacing-fixed-3xs) var(--db-spacing-fixed-xs);
 	justify-content: center;
 	align-items: center;
-	font-size: var(--db-type-body-font-size-2xs);
+	font: var(--db-type-body-2xs);
 	font-weight: 700;
-	line-height: var(--db-type-body-line-height-2xs);
 
 	a {
 		text-decoration: none;