diff --git a/app/javascript/packages/stylelint-config/CHANGELOG.md b/app/javascript/packages/stylelint-config/CHANGELOG.md
index 7fe4820fa01..99f1fbcd9c0 100644
--- a/app/javascript/packages/stylelint-config/CHANGELOG.md
+++ b/app/javascript/packages/stylelint-config/CHANGELOG.md
@@ -11,6 +11,7 @@
     - [`rule-empty-line-before`](https://stylelint.io/user-guide/rules/rule-empty-line-before/)
     - [`scss/dollar-variable-empty-line-before`](https://github.com/stylelint-scss/stylelint-scss/blob/master/src/rules/dollar-variable-empty-line-before/README.md)
     - [`scss/double-slash-comment-empty-line-before`](https://github.com/stylelint-scss/stylelint-scss/blob/master/src/rules/double-slash-comment-empty-line-before/README.md)
+    - [`color-function-notation`](https://stylelint.io/user-guide/rules/color-function-notation/) (due to [Sass incompatibilities](https://github.com/sass/sass/issues/2831))
 
 ## 4.0.0
 
diff --git a/app/javascript/packages/stylelint-config/index.js b/app/javascript/packages/stylelint-config/index.js
index a077586efad..75814a82d2d 100644
--- a/app/javascript/packages/stylelint-config/index.js
+++ b/app/javascript/packages/stylelint-config/index.js
@@ -2,6 +2,7 @@ module.exports = {
   extends: ['stylelint-config-standard-scss', 'stylelint-prettier/recommended'],
   rules: {
     'at-rule-empty-line-before': null,
+    'color-function-notation': null,
     'declaration-empty-line-before': null,
     'no-descending-specificity': null,
     'rule-empty-line-before': null,