chore(lint): ignore disallowed property in content.scss

Author: ShaneK

core/src/components/content/content.scss

@@ -254,12 +254,16 @@
 
 :host(.safe-area-left) #background-content,
 :host(.safe-area-left) .inner-scroll {
+  /* stylelint-disable property-disallowed-list */
   left: var(--ion-safe-area-left, 0px);
+  /* stylelint-enable property-disallowed-list */
 }
 
 :host(.safe-area-right) #background-content,
 :host(.safe-area-right) .inner-scroll {
+  /* stylelint-disable property-disallowed-list */
   right: var(--ion-safe-area-right, 0px);
+  /* stylelint-enable property-disallowed-list */
 }
 
 

core/src/components/content/test/safe-area/content.e2e.ts

@@ -48,7 +48,9 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
       await expect(content).toHaveClass(/safe-area-right/);
     });
 
-    test('content with both header and footer should not have top/bottom safe-area classes', async ({ page }, testInfo) => {
+    test('content with both header and footer should not have top/bottom safe-area classes', async ({
+      page,
+    }, testInfo) => {
       testInfo.annotations.push({
         type: 'issue',
         description: 'https://outsystemsrd.atlassian.net/browse/FW-6830',