@syncfusion/ej2-react-spreadsheet 31.2.18 → 32.1.20

package/diConfig.json

@@ -306,6 +306,23 @@
                                         {   
                                             "baseClass": "Validation",
                                             "propertyName": "validation"
+                                        },
+                                        {
+                                            "baseClass": "ThreadedComment",
+                                            "propertyName": "comment",
+                                            "tagDirective": [
+                                                {
+                                                    "baseClass": "CommentReply",
+                                                    "propertyName": "replies",
+                                                    "directoryName": "spreadsheet",
+                                                    "directiveClassName": "CommentReply",
+                                                    "arrayDirectiveClassName": "CommentReplies",
+                                                    "aspArrayClassName": "CommentReply",
+                                                    "aspCollectionClassName": "CommentReplies",
+                                                    "aspDirectiveSelector": "e-comment-reply",
+                                                    "aspArrayDirectiveSelector": "e-comment-replies"
+                                                }
+                                            ]
                                         }
                                     ],
                                     "comment": [

package/dist/ej2-react-spreadsheet.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-spreadsheet.min.js
-*  version : 31.2.18
+*  version : 32.1.20
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/ej2-react-spreadsheet.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-spreadsheet.umd.min.js
-*  version : 31.2.18
+*  version : 32.1.20
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-react-spreadsheet",
-  "version": "31.2.18",
+  "version": "32.1.20",
   "description": "Feature-rich JavaScript Spreadsheet (Excel) control with built-in support for selection, editing, formatting, importing and exporting to Excel for React",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -18,9 +18,9 @@
   "es2015": "dist/es6/ej2-react-spreadsheet.es2015.js",
   "readme": "ReadMe.md",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.18",
-    "@syncfusion/ej2-react-base": "~31.2.12",
-    "@syncfusion/ej2-spreadsheet": "31.2.18"
+    "@syncfusion/ej2-base": "~32.1.19",
+    "@syncfusion/ej2-react-base": "~32.1.20",
+    "@syncfusion/ej2-spreadsheet": "32.1.20"
   },
   "devDependencies": {},
   "sideEffects": false,

package/styles/bds-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/bds-lite.scss';
+@use 'ej2-spreadsheet/bds-lite' as *;

package/styles/bds.scss

@@ -1,2 +1,2 @@
-@import 'spreadsheet/bds.scss';
-@import 'spreadsheet-ribbon/bds.scss';
+@use 'spreadsheet/bds' as *;
+@use 'spreadsheet-ribbon/bds' as *;

package/styles/bootstrap-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/bootstrap-dark-lite.scss';
+@use 'ej2-spreadsheet/bootstrap-dark-lite' as *;

package/styles/bootstrap-dark.scss

@@ -1,2 +1,2 @@
-@import 'spreadsheet/bootstrap-dark.scss';
-@import 'spreadsheet-ribbon/bootstrap-dark.scss';
+@use 'spreadsheet/bootstrap-dark' as *;
+@use 'spreadsheet-ribbon/bootstrap-dark' as *;

package/styles/bootstrap-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/bootstrap-lite.scss';
+@use 'ej2-spreadsheet/bootstrap-lite' as *;

package/styles/bootstrap.scss

@@ -1,2 +1,2 @@
-@import 'spreadsheet/bootstrap.scss';
-@import 'spreadsheet-ribbon/bootstrap.scss';
+@use 'spreadsheet/bootstrap' as *;
+@use 'spreadsheet-ribbon/bootstrap' as *;

package/styles/bootstrap4-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/bootstrap4-lite.scss';
+@use 'ej2-spreadsheet/bootstrap4-lite' as *;

package/styles/bootstrap4.scss

@@ -1,2 +1,2 @@
-@import 'spreadsheet/bootstrap4.scss';
-@import 'spreadsheet-ribbon/bootstrap4.scss';
+@use 'spreadsheet/bootstrap4' as *;
+@use 'spreadsheet-ribbon/bootstrap4' as *;

package/styles/bootstrap5-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/bootstrap5-dark-lite.scss';
+@use 'ej2-spreadsheet/bootstrap5-dark-lite' as *;

package/styles/bootstrap5-dark.scss

@@ -1,2 +1,2 @@
-@import 'spreadsheet/bootstrap5-dark.scss';
-@import 'spreadsheet-ribbon/bootstrap5-dark.scss';
+@use 'spreadsheet/bootstrap5-dark' as *;
+@use 'spreadsheet-ribbon/bootstrap5-dark' as *;

package/styles/bootstrap5-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/bootstrap5-lite.scss';
+@use 'ej2-spreadsheet/bootstrap5-lite' as *;

package/styles/bootstrap5.3-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/bootstrap5.3-lite.scss';
+@use 'ej2-spreadsheet/bootstrap5.3-lite' as *;

package/styles/bootstrap5.3.scss

@@ -1,2 +1,2 @@
-@import 'spreadsheet/bootstrap5.3.scss';
-@import 'spreadsheet-ribbon/bootstrap5.3.scss';
+@use 'spreadsheet/bootstrap5.3' as *;
+@use 'spreadsheet-ribbon/bootstrap5.3' as *;

package/styles/bootstrap5.scss

@@ -1,2 +1,2 @@
-@import 'spreadsheet/bootstrap5.scss';
-@import 'spreadsheet-ribbon/bootstrap5.scss';
+@use 'spreadsheet/bootstrap5' as *;
+@use 'spreadsheet-ribbon/bootstrap5' as *;

package/styles/fabric-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/fabric-dark-lite.scss';
+@use 'ej2-spreadsheet/fabric-dark-lite' as *;

package/styles/fabric-dark.scss

@@ -1,2 +1,2 @@
-@import 'spreadsheet/fabric-dark.scss';
-@import 'spreadsheet-ribbon/fabric-dark.scss';
+@use 'spreadsheet/fabric-dark' as *;
+@use 'spreadsheet-ribbon/fabric-dark' as *;

package/styles/fabric-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/fabric-lite.scss';
+@use 'ej2-spreadsheet/fabric-lite' as *;

package/styles/fabric.scss

@@ -1,2 +1,2 @@
-@import 'spreadsheet/fabric.scss';
-@import 'spreadsheet-ribbon/fabric.scss';
+@use 'spreadsheet/fabric' as *;
+@use 'spreadsheet-ribbon/fabric' as *;

package/styles/fluent-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/fluent-dark-lite.scss';
+@use 'ej2-spreadsheet/fluent-dark-lite' as *;

package/styles/fluent-dark.scss

@@ -1,2 +1,2 @@
-@import 'spreadsheet/fluent-dark.scss';
-@import 'spreadsheet-ribbon/fluent-dark.scss';
+@use 'spreadsheet/fluent-dark' as *;
+@use 'spreadsheet-ribbon/fluent-dark' as *;

package/styles/fluent-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/fluent-lite.scss';
+@use 'ej2-spreadsheet/fluent-lite' as *;

package/styles/fluent.scss

@@ -1,2 +1,2 @@
-@import 'spreadsheet/fluent.scss';
-@import 'spreadsheet-ribbon/fluent.scss';
+@use 'spreadsheet/fluent' as *;
+@use 'spreadsheet-ribbon/fluent' as *;

package/styles/fluent2-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/fluent2-lite.scss';
+@use 'ej2-spreadsheet/fluent2-lite' as *;

package/styles/fluent2.scss

@@ -1,2 +1,2 @@
-@import 'spreadsheet/fluent2.scss';
-@import 'spreadsheet-ribbon/fluent2.scss';
+@use 'spreadsheet/fluent2' as *;
+@use 'spreadsheet-ribbon/fluent2' as *;

package/styles/highcontrast-light-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/highcontrast-light-lite.scss';
+@use 'ej2-spreadsheet/highcontrast-light-lite' as *;

package/styles/highcontrast-light.scss

@@ -1,2 +1,2 @@
-@import 'spreadsheet/highcontrast-light.scss';
-@import 'spreadsheet-ribbon/highcontrast-light.scss';
+@use 'spreadsheet/highcontrast-light' as *;
+@use 'spreadsheet-ribbon/highcontrast-light' as *;

package/styles/highcontrast-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/highcontrast-lite.scss';
+@use 'ej2-spreadsheet/highcontrast-lite' as *;

package/styles/highcontrast.scss

@@ -1,2 +1,2 @@
-@import 'spreadsheet/highcontrast.scss';
-@import 'spreadsheet-ribbon/highcontrast.scss';
+@use 'spreadsheet/highcontrast' as *;
+@use 'spreadsheet-ribbon/highcontrast' as *;

package/styles/material-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/material-dark-lite.scss';
+@use 'ej2-spreadsheet/material-dark-lite' as *;

package/styles/material-dark.scss

@@ -1,2 +1,2 @@
-@import 'spreadsheet/material-dark.scss';
-@import 'spreadsheet-ribbon/material-dark.scss';
+@use 'spreadsheet/material-dark' as *;
+@use 'spreadsheet-ribbon/material-dark' as *;

package/styles/material-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/material-lite.scss';
+@use 'ej2-spreadsheet/material-lite' as *;

package/styles/material.scss

@@ -1,2 +1,2 @@
-@import 'spreadsheet/material.scss';
-@import 'spreadsheet-ribbon/material.scss';
+@use 'spreadsheet/material' as *;
+@use 'spreadsheet-ribbon/material' as *;

package/styles/material3-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/material3-dark-lite.scss';
+@use 'ej2-spreadsheet/material3-dark-lite' as *;

package/styles/material3-dark.scss

@@ -1,3 +1,2 @@
-
-@import 'spreadsheet/material3-dark.scss';
-@import 'spreadsheet-ribbon/material3-dark.scss';
+@use 'spreadsheet/material3-dark' as *;
+@use 'spreadsheet-ribbon/material3-dark' as *;

package/styles/material3-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/material3-lite.scss';
+@use 'ej2-spreadsheet/material3-lite' as *;

package/styles/material3.scss

@@ -1,3 +1,2 @@
-
-@import 'spreadsheet/material3.scss';
-@import 'spreadsheet-ribbon/material3.scss';
+@use 'spreadsheet/material3' as *;
+@use 'spreadsheet-ribbon/material3' as *;

package/styles/spreadsheet/bds.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/bds.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/bds' as *;

package/styles/spreadsheet/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/bootstrap-dark.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/bootstrap-dark' as *;

package/styles/spreadsheet/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/bootstrap.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/bootstrap' as *;

package/styles/spreadsheet/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/bootstrap4.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/bootstrap4' as *;

package/styles/spreadsheet/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/bootstrap5-dark.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/bootstrap5-dark' as *;

package/styles/spreadsheet/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/bootstrap5.3.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/bootstrap5.3' as *;

package/styles/spreadsheet/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/bootstrap5.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/bootstrap5' as *;

package/styles/spreadsheet/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/fabric-dark.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/fabric-dark' as *;

package/styles/spreadsheet/fabric.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/fabric.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/fabric' as *;

package/styles/spreadsheet/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/fluent-dark.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/fluent-dark' as *;

package/styles/spreadsheet/fluent.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/fluent.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/fluent' as *;

package/styles/spreadsheet/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/fluent2.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/fluent2' as *;

package/styles/spreadsheet/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/highcontrast-light.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/highcontrast-light' as *;

package/styles/spreadsheet/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/highcontrast.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/highcontrast' as *;

package/styles/spreadsheet/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/material-dark.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/material-dark' as *;

package/styles/spreadsheet/material.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/material.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/material' as *;

package/styles/spreadsheet/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-spreadsheet/styles/spreadsheet/material3-dark.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/material3-dark' as *;

package/styles/spreadsheet/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-spreadsheet/styles/spreadsheet/material3.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/material3' as *;

package/styles/spreadsheet/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/tailwind-dark.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/tailwind-dark' as *;

package/styles/spreadsheet/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/tailwind.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/tailwind' as *;

package/styles/spreadsheet/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet/tailwind3.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet/tailwind3' as *;

package/styles/spreadsheet-ribbon/bds.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/bds.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/bds' as *;

package/styles/spreadsheet-ribbon/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap-dark.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap-dark' as *;

package/styles/spreadsheet-ribbon/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap' as *;

package/styles/spreadsheet-ribbon/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap4.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap4' as *;

package/styles/spreadsheet-ribbon/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap5-dark.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap5-dark' as *;

package/styles/spreadsheet-ribbon/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap5.3.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap5.3' as *;

package/styles/spreadsheet-ribbon/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap5.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/bootstrap5' as *;

package/styles/spreadsheet-ribbon/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/fabric-dark.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/fabric-dark' as *;

package/styles/spreadsheet-ribbon/fabric.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/fabric.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/fabric' as *;

package/styles/spreadsheet-ribbon/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/fluent-dark.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/fluent-dark' as *;

package/styles/spreadsheet-ribbon/fluent.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/fluent.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/fluent' as *;

package/styles/spreadsheet-ribbon/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/fluent2.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/fluent2' as *;

package/styles/spreadsheet-ribbon/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/highcontrast-light.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/highcontrast-light' as *;

package/styles/spreadsheet-ribbon/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/highcontrast.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/highcontrast' as *;

package/styles/spreadsheet-ribbon/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/material-dark.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/material-dark' as *;

package/styles/spreadsheet-ribbon/material.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/material.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/material' as *;

package/styles/spreadsheet-ribbon/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/material3-dark.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/material3-dark' as *;

package/styles/spreadsheet-ribbon/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/material3.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/material3' as *;

package/styles/spreadsheet-ribbon/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/tailwind-dark.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/tailwind-dark' as *;

package/styles/spreadsheet-ribbon/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/tailwind.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/tailwind' as *;

package/styles/spreadsheet-ribbon/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/spreadsheet-ribbon/tailwind3.scss';
+@use 'ej2-spreadsheet/styles/spreadsheet-ribbon/tailwind3' as *;

package/styles/tailwind-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/tailwind-dark-lite.scss';
+@use 'ej2-spreadsheet/tailwind-dark-lite' as *;

package/styles/tailwind-dark.scss

@@ -1,2 +1,2 @@
-@import 'spreadsheet/tailwind-dark.scss';
-@import 'spreadsheet-ribbon/tailwind-dark.scss';
+@use 'spreadsheet/tailwind-dark' as *;
+@use 'spreadsheet-ribbon/tailwind-dark' as *;

package/styles/tailwind-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/tailwind-lite.scss';
+@use 'ej2-spreadsheet/tailwind-lite' as *;

package/styles/tailwind.scss

@@ -1,2 +1,2 @@
-@import 'spreadsheet/tailwind.scss';
-@import 'spreadsheet-ribbon/tailwind.scss';
+@use 'spreadsheet/tailwind' as *;
+@use 'spreadsheet-ribbon/tailwind' as *;

package/styles/tailwind3-lite.scss

@@ -1 +1 @@
-@import 'ej2-spreadsheet/styles/tailwind3-lite.scss';
+@use 'ej2-spreadsheet/tailwind3-lite' as *;

package/styles/tailwind3.scss

@@ -1,2 +1,2 @@
-@import 'spreadsheet/tailwind3.scss';
-@import 'spreadsheet-ribbon/tailwind3.scss';
+@use 'spreadsheet/tailwind3' as *;
+@use 'spreadsheet-ribbon/tailwind3' as *;