fix stylelint errors and upgrade @apostrophecms/stylelint-no-mixed-decls

Author: Etienne Laurent

.stylelintrc

@@ -1,3 +1,11 @@
 {
-  "extends": "stylelint-config-apostrophe"
+  "extends": "stylelint-config-apostrophe",
+  "rules": {
+    "@apostrophecms/stylelint-no-mixed-decls": [
+      true,
+      {
+        "contain-nested": ["apos-transition"]
+      }
+    ]
+  }
 }

modules/@apostrophecms/area/ui/apos/components/AposAreaExpandedMenu.vue

@@ -287,14 +287,16 @@ export default {
 .apos-operation {
   @include apos-transition();
 
-  box-sizing: border-box;
-  width: 100%;
-  height: 70px;
-  border-radius: var(--a-border-radius);
-  border: 1px solid var(--a-base-5);
-  color: var(--a-text-primary);
-  background-color: var(--a-base-9);
-  cursor: pointer;
+  & {
+    box-sizing: border-box;
+    width: 100%;
+    height: 70px;
+    border-radius: var(--a-border-radius);
+    border: 1px solid var(--a-base-5);
+    color: var(--a-text-primary);
+    background-color: var(--a-base-9);
+    cursor: pointer;
+  }
 
   &:hover {
     background-color: var(--a-base-8);