Support custom media queries and variants

[kripod]

As seen in the Tailwind docs, custom screens may be defined as follows:

module.exports = {
  theme: {
    screens: {
      tablet: "640px",
      laptop: "1024px",
      desktop: "1440px",
    },
  },
};

They should be taken into consideration when building the preferred order of classes.

Similar logic could be applied to variants, which may be deduced from variantOrder.

[Svish]

Any progress on this? I'm new with Tailwind and also copied the custom screens example because I find those easier to relate to than then default lg and such. Really love this auto-sorter, but also quickly ran into the same issue.

In the mean time, is there a workaround? Can I use the options of this plugin to make it sort my screen stuff properly for now? Understand neither Tailwind nor this plugin enough to see if it's possible on my own. 😕👶