[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.