CSS设置语义化标签别名，应用字体样式

typography.css

body {
  font-family: -apple-system, BlinkMacSystemFont, SFProDisplay-Regular, "PingFang SC", "Myriad Pro",
    "Noto Sans SC", sans-serif;
}

.text-body {
  @apply text-base;
}

.text-caption {
  @apply text-sm;
}

.text-h1 {
  @apply text-2xl font-normal;
}

.text-h2 {
  @apply text-xl font-normal;
}

.text-href {
  @apply no-underline hover:underline;
}

.text-color-body {
  @apply text-slate-700 dark:text-slate-300;
}

.text-color-caption{
  @apply text-slate-600 dark:text-slate-400;
}

.text-color-headings {
  @apply text-slate-900 dark:text-white;
}

.text-color-href {
  @apply text-sky-600;
}