What is the best way to override MDX styles?

[EnhancedJax]

I've been styling the spacing in the MDX by adding this to the global CSS file:

article {
  li {
    margin: 0 !important;
  }

  table {
    background-color: hsl(var(--card) / 0.4) !important;
    width: unset !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  th {
    background-color: hsl(var(--muted) / 0.4) !important;
  }
}

But of course, setting important is not the best way. What would be the conventional / intended way to override MDX styles? Thanks

[fuma-nama]

It is fine, you can use CSS to override styles. Or you can also use Tailwind CSS prose- modifier/utility (same API as the official Typography plugin, you can refer to their docs)