[Feature request]: enforce gap instead of space utilities on flex box layout

[nandi95]

Is your feature request related to a problem? Please describe.
Some people may use space-x-2 on their flex boxes. When this flexbox wraps, the item on the next line will have an indentation due to the margin on its left.

Describe the solution you'd like
A rule that enforces (better yet auto fixes) that gap-x-2 should be used

Describe alternatives you've considered
No alternatives.

Additional context
Consideration: The display may change depending on screen sizes. Meaning a div may be a flex on sm but block on lg and on lg the space utility should left alone.