Positioning comes first because it can remove an element from the normal document flow and override box model related styles. The box model—whether it's flex, float, grid, or table—follows as it dictates a component's dimensions, placement, and alignment.
Everything else takes place inside the component or without impacting the previous two sections, and thus they come last.
-For a complete list of properties and their order, please see the Bootstrap property order for Stylelint.
+For a complete list of properties and their order, please see the Recess-based property sort order for Stylelint as used in the Bootstrap's custom Stylelint config.