[Tidy] Add stylelint rule to flag unmatched CSS properties

.stylelintrc

@@ -8,6 +8,7 @@
     "color-function-notation": "legacy",
     "alpha-value-notation": "number",
     "color-hex-length": "long",
-    "selector-not-notation": null
+    "selector-not-notation": null,
+    "declaration-property-value-no-unknown": true
   }
 }

vizro-ai/examples/dashboard_ui/assets/custom.css

@@ -188,15 +188,15 @@
   background-color: inherit;
   color: var(--text-primary);
   height: 2rem;
-  scale: 90%;
+  transform: scale(0.9);
 }
 
 .dropdown-menu-toggle-class:hover {
   background-color: inherit;
   color: var(--text-primary);
   cursor: pointer;
   height: 2rem;
-  scale: 90%;
+  transform: scale(0.9);
 }
 
 .dropdown-menu-toggle-class.btn-primary:focus:not(
@@ -333,7 +333,7 @@ img#banner {
   flex-flow: column wrap;
   gap: 12px;
   justify-content: flex-start;
-  overflow: hidden; /* to check */
+  overflow: hidden; /* check and remove comment */
 }
 
 .flex-container h4 {