fix: fix Admonition spacing and typography styles

packages/logos-docusaurus-theme/src/client/theme/Admonition/index.tsx

@@ -1,9 +1,9 @@
-import React from 'react'
-import clsx from 'clsx'
+import { Typography } from '@acid-info/lsd-react'
 import { ThemeClassNames } from '@docusaurus/theme-common'
 import Translate from '@docusaurus/Translate'
+import clsx from 'clsx'
+import React from 'react'
 import styles from './styles.module.css'
-import { Typography } from '@acid-info/lsd-react'
 
 function NoteIcon() {
   return (
@@ -220,8 +220,7 @@ export default function Admonition(props) {
     >
       <span className={styles.admonitionIcon}>{icon}</span>
       <div>
-        {/* LSD doesn't support 20px font size, so we use h6 instead */}
-        <Typography component="h6" className={styles.admonitionHeading}>
+        <Typography variant="body1" className={styles.admonitionHeading}>
           {titleLabel}
         </Typography>
         <Typography variant="body1" className={styles.admonitionContent}>

packages/logos-docusaurus-theme/src/client/theme/Admonition/styles.module.css

@@ -7,8 +7,9 @@
 }
 
 .admonitionHeading {
-  font: var(--ifm-heading-font-weight) var(--ifm-h5-font-size) /
-    var(--ifm-heading-line-height) var(--ifm-heading-font-family);
+  font-weight: 400;
+  font-size: 1.25rem !important;
+  line-height: 1.5rem !important;
   text-transform: capitalize;
   margin-bottom: 0.3rem;
 }
@@ -33,6 +34,11 @@
   fill: var(--ifm-alert-border-color);
 }
 
+.admonitionContent {
+  display: block;
+  margin-top: 12px;
+}
+
 .admonitionContent > :last-child {
   margin-bottom: 0;
 }