chore(stylelint): update stylelint to 14.3.0

[tw15egan]

Noticed there was a message about stylelint v13 being deprecated in VSCode, so I've gone and updated us to v14.3.0.

Reference:

• https://github.com/stylelint/vscode-stylelint#%EF%B8%8F-stylelint-13x-and-prior-is-no-longer-supported

Migration:

• https://github.com/stylelint/stylelint/blob/main/docs/migration-guide/to-14.md

Changelog

New

• stylelint now extends stylelint-config-standard-scss

Changed

• Upgraded stylelint from 13.13 to 14.3

Testing / Reviewing

Ensure no warning pops up in the bottom right corner of VS Code when opening the Carbon repo.
Ensure stylelint validations still appear as usual

[tw15egan]

Note for reviewers: Do we want to disable the rules that are now throwing lint errors?

[joshblack]

@tw15egan great point, I think some of them may need to be configured per-directory, like:
scss/no-global-function-names should be disabled in components but enabled in styles

scss/comment-no-empty seems like one we can definitely disable

For ones that are unknown, definitely feel free to remove them (like function-calc-no-invalid) if there is no replacement in the new version

[netlify]

✔️ Deploy Preview for carbon-react-next ready!

🔨 Explore the source changes: 3f9fb43

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-react-next/deploys/620bea684e80040008edeab1

😎 Browse the preview: https://deploy-preview-10637--carbon-react-next.netlify.app

[netlify]

✔️ Deploy Preview for carbon-elements ready!

🔨 Explore the source changes: 3f9fb43

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-elements/deploys/620bea6811e5b50008cc2f1f

😎 Browse the preview: https://deploy-preview-10637--carbon-elements.netlify.app

[netlify]

✔️ Deploy Preview for carbon-components-react ready!

🔨 Explore the source changes: 9cd5c08

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/61fc42881e903c00077dda5a

😎 Browse the preview: https://deploy-preview-10637--carbon-components-react.netlify.app/

[tw15egan]

@joshblack do you have any examples on how to disable in one package but not the others? Would that be made in config/stylelint, or in the components repo itself?

[joshblack]

@tw15egan I think we would use overrides for this: https://stylelint.io/user-guide/configure#overrides

Let me know if that works!

[netlify]

✔️ Deploy Preview for carbon-components-react ready!

🔨 Explore the source changes: 3f9fb43

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/620bea6867eaf80007a2cfab

😎 Browse the preview: https://deploy-preview-10637--carbon-components-react.netlify.app

[tw15egan]

@joshblack Got it worked out, good to go now if you want to take another look

[joshblack]

Is the rgb approach preferred moving forward?? Pretty cool format 👀

[tw15egan]

I agree, I had originally modified it to that format, but I was getting compilation errors when running the style tests. Any ideas on how to get around that?