chore: migrate to latest sass-embedded (#31177)

Co-authored-by: alexlavrov <[email protected]>

Author: VasilyStrelyaev

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",

e2e/bundlers/project.json

@@ -47,13 +47,21 @@
       },
       "dependsOn": ["build"]
     },
+    "build-parcel-watcher": {
+      "executor": "nx:run-commands",
+      "options": {
+        "cwd": "{projectRoot}",
+        "command": "cross-env npm_config_build_from_source=true pnpm rebuild --recursive @parcel/watcher"
+      },
+      "dependsOn": ["build"]
+    },
     "test--parcel": {
       "executor": "nx:run-commands",
       "options": {
         "cwd": "{projectRoot}",
         "command": "parcel build ./entry/modules_esm.js --no-cache --dist-dir ./dist/dist_parsel"
       },
-      "dependsOn": ["build"]
+      "dependsOn": ["build-parcel-watcher"]
     },
     "test--browserify-cjs": {
       "executor": "nx:run-commands",
@@ -72,4 +80,4 @@
       "dependsOn": ["build"]
     }
   }
-}
+}

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,