Describe the problem:
When using the space-x/y utilities, it's impossible to override the applied margins using the margin utilities.
Minimal reproduction:
<div class="flex flex-col space-y-4">
<div>First div</div>
<div class="my-8">Second div</div>
</div>
The second div still only has a top margin of 1rem, not the 2rem from my-8.