The code below is real dirty.
I need a best practice for using fumadocs built-in prose

Would someone please help and send the best practice for this peace of code?

.prose {
  --tw-prose-body: var(--color-neutral-500) !important;

  @supports (color: color-mix(in lab, red, red)) {
    --tw-prose-body: color-mix(
      in oklab,
      var(--color-fd-foreground) 90%,
      transparent
    );
  }
}

.dark .prose {
  --tw-prose-body: var(--color-neutral-400) !important;

  @supports (color: color-mix(in lab, red, red)) {
    --tw-prose-body: color-mix(
      in oklab,
      var(--color-fd-foreground) 90%,
      transparent
    );
  }
}

html[data-theme="dark"] .prose {
  --tw-prose-body: var(--color-neutral-400) !important;

  @supports (color: color-mix(in lab, red, red)) {
    --tw-prose-body: color-mix(
      in oklab,
      var(--color-fd-foreground) 90%,
      transparent
    );
  }
}