[AAE-7501] Fix SCSS deprecation warnings (#7519)

* update package lock

* update CLI lock file

* fix scss deprecations

* reduce calculations in styles

lib/core/datatable/components/datatable/datatable.component.scss

@@ -6,9 +6,9 @@ $data-table-header-font-size: var(--theme-caption-font-size) !default;
 $data-table-header-sort-icon-size: var(--theme-subheading-2-font-size) !default;
 $data-table-row-height: var(--theme-display-3-font-size) !default;
 $data-table-column-spacing: 36px !default;
-$data-table-column-padding: $data-table-column-spacing / 2;
+$data-table-column-padding: 18px !default;
 $data-table-card-padding: var(--theme-headline-line-height) !default;
-$data-table-cell-top: $data-table-card-padding / 2;
+$data-table-cell-top: calc($data-table-card-padding / 2);
 $data-table-thumbnail-width: 50px !default;
 $data-table-cell-min-width: 50px !default;
 $data-table-cell-min-width-no-grow: 100px !default;

lib/core/form/components/widgets/dynamic-table/dynamic-table.widget.scss

@@ -9,9 +9,9 @@ $dynamic-table-hover-color: #eee !default;
 $dynamic-table-selection-color: #e0f7fa !default;
 $dynamic-table-row-height: 56px !default;
 $dynamic-table-column-spacing: 36px !default;
-$dynamic-table-column-padding: $dynamic-table-column-spacing / 2;
+$dynamic-table-column-padding: 18px !default;
 $dynamic-table-card-padding: 24px !default;
-$dynamic-table-cell-top: $dynamic-table-card-padding / 2;
+$dynamic-table-cell-top: 12px !default;
 $dynamic-table-drag-border: 1px dashed rgb(68, 138, 255);
 
 dynamic-table-widget .adf-label {

lib/core/info-drawer/info-drawer-layout.component.scss

@@ -2,6 +2,7 @@
 
 $adf-info-drawer-layout-title-font-size: var(--theme-title-font-size) !default;
 $adf-info-drawer-icon-size: 48px !default;
+$adf-info-drawer-icon-size-half: 24px !default;
 
 .adf {
     &-info-drawer {
@@ -75,7 +76,7 @@ $adf-info-drawer-icon-size: 48px !default;
                 .adf-manage-versions-empty,
                 .adf-manage-versions-no-permission {
                     margin: 0;
-                    padding: $adf-info-drawer-icon-size / 2;
+                    padding: $adf-info-drawer-icon-size-half;
                     color: var(--theme-text-color);
                     text-align: center;
                     display: flex;
@@ -85,7 +86,7 @@ $adf-info-drawer-icon-size: 48px !default;
                         width: $adf-info-drawer-icon-size;
                         height: $adf-info-drawer-icon-size;
                         font-size: $adf-info-drawer-icon-size;
-                        margin: 0 auto $adf-info-drawer-icon-size / 2;
+                        margin: 0 auto $adf-info-drawer-icon-size-half;
                         display: block;
                     }
                 }