Hotfix/1.1.2 Add order/order rule exception

[lusimeon]

Hello,
This PR add an exception for @include for-each-breakpoints in order/order rule to prevent errors throw for this kind of cases :

  .flex {
    display: flex;
  }

  .flex-inline {
    display: inline-flex;
  }

  @include font-size('display-1);
  @include for-each-breakpoints using ($breakpoint) {
    .flex--#{$breakpoint} {
      display: flex;
    }

    .flex-inline--#{$breakpoint} {
      display: inline-flex;
    }
  }

The rule will match the first @include but not the second one.

Is it ok for you ?

[titouanmathis]

Could you provide an example of SCSS which throws an error with the configuration before your changes, and examples for SCSS which throws an error and SCSS which is valid after your changes?

You can follow the examples here: https://stylelint.io/user-guide/rules/font-family-no-duplicate-names/#options 😉

[titouanmathis]

I think the bug you encountered @lusimeon is an edge case that can be fixed by adding a disable comment before the erroneous lines:

// stylelint-disable-next-line order/order
@include for-each-breakpoints using ($breakpoint) {
  // ...
}