How do I reorder the attributes below? as it is now it is not the best approach
It should be like XS,S,M,L,XL,XXL
You can reorder attribute value from Stores -> Configuration -> Attribute -> Product
Click On Size attribute,
Go To Manage Swatch section at below of page,
Just Drag and Drop Attribute option value from section based on your requirement and Save Attribute.