Add ignoreFunctions: [] to unit-disallowed-list

[pinkhominid]

What steps are needed to reproduce the bug?

Use CSS functions that include a disallowed unit character inside a function that expects it, like calc.

h2 {
  position: absolute;
  inset-inline-end: calc(50% - 100px);
}

What Stylelint configuration is needed to reproduce the bug?

{
  "rules": {
        "unit-disallowed-list": [
            ["px"],
            {
                ignoreFunctions: ["calc"]
            }
        ],
  }
}

How did you run Stylelint?

stylelint **/*.css

Which version of Stylelint are you using?

14.11.0

What did you expect to happen?

CLI would finish with no errors

What actually happened?

Invalid Option: Invalid option name "ignoreFunctions" for rule "unit-disallowed-list"

Does the bug relate to non-standard syntax?

No

Proposal to fix the bug

A solution similar to #5857

[ybiquitous]

@pinkhominid Thanks for the proposal. SGTM 👍🏼

I've labeled the issue as ready to implement. Please consider contributing if you have time.

There are steps on how to add a new option in the Developer guide.

[jeddy3]

One note: like the ignoreFunctions: [] option in unit-allowed-list this option will ignore all units within the specified functions. It can't be limited to particular units. As such, the config would be:

{
  "rules": {
    "unit-disallowed-list": [ ["px"], { "ignoreFunctions": ["calc"] }]
  }
}

(Which is different from #6574 (comment)).

If you want to ignore specific units, then a custom rule in a plugin is probably a better fit.

[pinkhominid]

@jeddy3 thanks for the clarification. Ignoring all disallowed units is what we want for our use case. I've updated the config.

[mattxwang]

Hey all, quickly picked this up and submitted a PR in #6592!

[pinkhominid]

Thanks @mattxwang!