migrate to latest sass

Author: VasilyStrelyaev

.github/workflows/default_workflow.yml

@@ -34,20 +34,20 @@ jobs:
       with:
         run_install: false
 
-    - name: Get pnpm store directory
-      shell: bash
-      run: |
-        echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
-
-    - uses: actions/cache@v4
-      name: Setup pnpm cache
-      with:
-        path: |
-          ${{ env.STORE_PATH }}
-          .nx/cache
-        key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
-        restore-keys: |
-          ${{ runner.os }}-pnpm-store
+#   - name: Get pnpm store directory
+#     shell: bash
+#     run: |
+#       echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+#
+#   - uses: actions/cache@v4
+#     name: Setup pnpm cache
+#     with:
+#       path: |
+#         ${{ env.STORE_PATH }}
+#         .nx/cache
+#       key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+#       restore-keys: |
+#         ${{ runner.os }}-pnpm-store
 
     - name: Install dependencies
       run: pnpm install --frozen-lockfile

apps/demos/.stylelintrc.json

@@ -16,6 +16,7 @@
         "shorthand-property-no-redundant-values": [ true, { "severity": "warning" }],
         "declaration-block-no-redundant-longhand-properties": [ true, { "severity": "warning" }],
         "media-feature-range-notation": null,
-        "selector-not-notation": null
+        "selector-not-notation": null,
+        "color-function-alias-notation": null
     }
 }

apps/demos/Demos/Scheduler/CellTemplates/Angular/app/app.component.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-next-line at-rule-no-vendor-prefix, at-rule-prelude-no-invalid */
 @-moz-document url-prefix() {
   .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
     position: relative;

apps/demos/Demos/Scheduler/CellTemplates/React/styles.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-next-line at-rule-no-vendor-prefix, at-rule-prelude-no-invalid */
 @-moz-document url-prefix() {
   .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
     position: relative;

apps/demos/Demos/Scheduler/CellTemplates/ReactJs/styles.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-next-line at-rule-no-vendor-prefix, at-rule-prelude-no-invalid */
 @-moz-document url-prefix() {
   .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
     position: relative;

apps/demos/Demos/Scheduler/CellTemplates/Vue/styles.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-next-line at-rule-no-vendor-prefix, at-rule-prelude-no-invalid */
 @-moz-document url-prefix() {
   .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
     position: relative;

apps/demos/Demos/Scheduler/CellTemplates/jQuery/styles.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-next-line at-rule-no-vendor-prefix, at-rule-prelude-no-invalid */
 @-moz-document url-prefix() {
   .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
     position: relative;

apps/demos/package.json

@@ -145,9 +145,9 @@
         "rollup": "4.22.4",
         "serve-index": "1.9.1",
         "serve-static": "1.16.2",
-        "stylelint": "16.5.0",
-        "stylelint-config-recommended-vue": "1.5.0",
-        "stylelint-config-standard": "35.0.0",
+        "stylelint": "16.22.0",
+        "stylelint-config-recommended-vue": "1.6.1",
+        "stylelint-config-standard": "38.0.0",
         "systemjs-builder": "0.16.15",
         "testcafe": "3.7.2",
         "testcafe-reporter-spec-time": "4.0.0",

packages/devextreme-react/src/core/__tests__/nested-option.test.tsx

@@ -10,7 +10,7 @@ jest.useFakeTimers();
 
 const NestedComponent = function NestedComponent(props: any) {
   return (
-    <ConfigurationComponent<{ a: number } & React.PropsWithChildren>
+    <ConfigurationComponent<{ a: number } & React.PropsWithChildren<unknown>>
       elementDescriptor={{
         OptionName: 'option',
         ExpectedChildren: {
@@ -26,7 +26,7 @@ NestedComponent.componentType = 'option';
 
 const NestedComponentWithPredfeinedProps = function NestedComponentWithPredfeinedProps(props: any) {
   return (
-    <ConfigurationComponent<{ a: number } & React.PropsWithChildren>
+    <ConfigurationComponent<{ a: number } & React.PropsWithChildren<unknown>>
       elementDescriptor={{
         OptionName: 'option',
         PredefinedProps: {
@@ -1152,7 +1152,7 @@ describe('nested sub-option', () => {
   it('is pulled according to expectations', () => {
     const NestedComponentWithExpectations = function NestedComponentWithExpectations(props: any) {
       return (
-        <ConfigurationComponent<{ a: number } & React.PropsWithChildren>
+        <ConfigurationComponent<{ a: number } & React.PropsWithChildren<unknown>>
           elementDescriptor={{
             OptionName: 'option',
             ExpectedChildren: {

packages/devextreme-react/src/core/__tests__/props-updating.test.tsx

@@ -32,7 +32,7 @@ interface IControlledComponentProps {
   complexOption?: Record<string, unknown>;
 }
 
-const ControlledComponent = memo(function ControlledComponent(props: IControlledComponentProps & React.PropsWithChildren) {
+const ControlledComponent = memo(function ControlledComponent(props: IControlledComponentProps & React.PropsWithChildren<unknown>) {
   return (
     <TestComponent
       defaults={{
@@ -54,7 +54,7 @@ const NestedComponent = function NestedComponent(props: any) {
       complexValue?: Record<string, unknown>;
       value?: number;
       onValueChange?: (value: number) => void;
-    } & React.PropsWithChildren>
+    } & React.PropsWithChildren<unknown>>
       elementDescriptor={{
         OptionName: 'nestedOption',
         DefaultsProps: {
@@ -73,7 +73,7 @@ const CollectionNestedComponent = function CollectionNestedComponent(props: any)
     <ConfigurationComponent<{
       a?: number;
       onAChange?: (value: number) => void;
-    } & React.PropsWithChildren>
+    } & React.PropsWithChildren<unknown>>
       elementDescriptor={{
         OptionName: 'items',
         IsCollectionItem: true,