diff --git a/components/barcodegenerator/gulpfile.js b/components/barcodegenerator/gulpfile.js
index 22ed28d7e..866ac79f9 100644
--- a/components/barcodegenerator/gulpfile.js
+++ b/components/barcodegenerator/gulpfile.js
@@ -2,11 +2,6 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
-
 /**
  * Compile ts files
  */
@@ -26,11 +21,16 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
diff --git a/components/barcodegenerator/package.json b/components/barcodegenerator/package.json
index 16d745b6c..3d457691d 100644
--- a/components/barcodegenerator/package.json
+++ b/components/barcodegenerator/package.json
@@ -32,21 +32,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/blockeditor/gulpfile.js b/components/blockeditor/gulpfile.js
index 22ed28d7e..866ac79f9 100644
--- a/components/blockeditor/gulpfile.js
+++ b/components/blockeditor/gulpfile.js
@@ -2,11 +2,6 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
-
 /**
  * Compile ts files
  */
@@ -26,11 +21,16 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
diff --git a/components/blockeditor/package.json b/components/blockeditor/package.json
index caa409d8c..0cd98ae42 100644
--- a/components/blockeditor/package.json
+++ b/components/blockeditor/package.json
@@ -24,7 +24,7 @@
 		"@syncfusion/ej2-blockeditor": "*"
 	},
 	"devDependencies": {
-		"awesome-typescript-loader": "5.2.1",
+		"ts-loader": "^9.4.2",
 		"source-map-loader": "5.0.0",
 		"@types/chai": "3.5.2",
 		"@types/es6-promise": "0.0.33",
@@ -33,21 +33,23 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^24.0.1",
+		"@rollup/plugin-node-resolve": "^15.0.1",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.0",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.58.3",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^4.9.5",
+		"tslib": "^2.5.0"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/buttons/gulpfile.js b/components/buttons/gulpfile.js
index 22ed28d7e..866ac79f9 100644
--- a/components/buttons/gulpfile.js
+++ b/components/buttons/gulpfile.js
@@ -2,11 +2,6 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
-
 /**
  * Compile ts files
  */
@@ -26,11 +21,16 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
diff --git a/components/buttons/package.json b/components/buttons/package.json
index 64b611291..61a368bf3 100644
--- a/components/buttons/package.json
+++ b/components/buttons/package.json
@@ -39,21 +39,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "25.0.7",
+		"@rollup/plugin-node-resolve": "15.2.3",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "11.1.5",
+		"@rollup/plugin-terser": "0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "4.0.2",
+		"gulp-sass": "5.1.0",
+		"sass": "1.69.5",
+		"gulp-typescript": "5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/calendars/gulpfile.js b/components/calendars/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/calendars/gulpfile.js
+++ b/components/calendars/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/calendars/package.json b/components/calendars/package.json
index 99d558e86..7cc79cf19 100644
--- a/components/calendars/package.json
+++ b/components/calendars/package.json
@@ -23,30 +23,31 @@
 		"@syncfusion/ej2-calendars": "*"
 	},
 	"devDependencies": {
-		"awesome-typescript-loader": "5.2.1",
+		"ts-loader": "9.5.1",
 		"source-map-loader": "5.0.0",
-		"@types/chai": "3.5.2",
+		"@types/chai": "4.3.11",
 		"@types/es6-promise": "0.0.33",
-		"@types/jasmine": "2.8.22",
+		"@types/jasmine": "4.3.6",
 		"@types/jasmine-ajax": "3.3.5",
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "25.0.7",
+		"@rollup/plugin-node-resolve": "15.2.3",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "11.1.5",
+		"@rollup/plugin-terser": "0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.69.5",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "4.9.5"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/charts/gulpfile.js b/components/charts/gulpfile.js
index 22ed28d7e..92e27bfa3 100644
--- a/components/charts/gulpfile.js
+++ b/components/charts/gulpfile.js
@@ -2,10 +2,6 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
 
 /**
  * Compile ts files
@@ -26,11 +22,16 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/charts/package.json b/components/charts/package.json
index 6ad412fd3..d2397df15 100644
--- a/components/charts/package.json
+++ b/components/charts/package.json
@@ -31,34 +31,35 @@
 	"readme": "ReadMe.md",
 	"dependencies": {
 		"@syncfusion/ej2-base": "*",
-		"@syncfusion/ej2-vue-base": "*",
-		"@syncfusion/ej2-charts": "*"
+		"@syncfusion/ej2-charts": "*",
+		"@syncfusion/ej2-vue-base": "*"
 	},
 	"devDependencies": {
-		"awesome-typescript-loader": "5.2.1",
-		"source-map-loader": "5.0.0",
+		"@rollup/plugin-commonjs": "^22.0.0",
+		"@rollup/plugin-node-resolve": "^13.3.0",
+		"@rollup/plugin-terser": "^0.4.3",
+		"@rollup/plugin-typescript": "^8.3.3",
 		"@types/chai": "3.5.2",
 		"@types/es6-promise": "0.0.33",
 		"@types/jasmine": "2.8.22",
 		"@types/jasmine-ajax": "3.3.5",
-		"@types/requirejs": "2.1.37",
-		"vue": "2.6.14",
-		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
-		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
 		"@types/node": "20.11.10",
+		"@types/requirejs": "2.1.37",
+		"awesome-typescript-loader": "5.2.1",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^6.0.0-alpha.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"rollup": "2.79.2",
+		"rollup-plugin-sourcemaps": "0.6.3",
+		"sass": "^1.91.0",
+		"source-map-loader": "5.0.0",
+		"typescript": "3.9.10",
+		"vue": "2.6.14",
+		"vue-loader-v16": "16.0.0-beta.5.4"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/circulargauge/gulpfile.js b/components/circulargauge/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/circulargauge/gulpfile.js
+++ b/components/circulargauge/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/circulargauge/package.json b/components/circulargauge/package.json
index 55088e3a5..8b332e75b 100644
--- a/components/circulargauge/package.json
+++ b/components/circulargauge/package.json
@@ -24,7 +24,7 @@
 		"@syncfusion/ej2-circulargauge": "*"
 	},
 	"devDependencies": {
-		"awesome-typescript-loader": "5.2.1",
+		"ts-loader": "^9.4.4",
 		"source-map-loader": "5.0.0",
 		"@types/chai": "3.5.2",
 		"@types/es6-promise": "0.0.33",
@@ -33,21 +33,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^22.0.2",
+		"@rollup/plugin-node-resolve": "^13.3.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"rollup-plugin-typescript2": "^0.34.1",
+		"@rollup/plugin-terser": "^0.4.3",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
+		"sass": "^1.69.0",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/diagrams/gulpfile.js b/components/diagrams/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/diagrams/gulpfile.js
+++ b/components/diagrams/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/diagrams/package.json b/components/diagrams/package.json
index b323aaf2a..6d5b758b9 100644
--- a/components/diagrams/package.json
+++ b/components/diagrams/package.json
@@ -23,7 +23,7 @@
 		"@syncfusion/ej2-diagrams": "*"
 	},
 	"devDependencies": {
-		"awesome-typescript-loader": "5.2.1",
+		"ts-loader": "^9.4.0",
 		"source-map-loader": "5.0.0",
 		"@types/chai": "3.5.2",
 		"@types/es6-promise": "0.0.33",
@@ -32,21 +32,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^22.0.0",
+		"@rollup/plugin-node-resolve": "^13.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^8.0.0",
+		"@rollup/plugin-terser": "^0.4.0",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.69.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/documenteditor/gulpfile.js b/components/documenteditor/gulpfile.js
index 22ed28d7e..92e27bfa3 100644
--- a/components/documenteditor/gulpfile.js
+++ b/components/documenteditor/gulpfile.js
@@ -2,10 +2,6 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
 
 /**
  * Compile ts files
@@ -26,11 +22,16 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/documenteditor/package.json b/components/documenteditor/package.json
index 85727d1eb..ed8bb89e0 100644
--- a/components/documenteditor/package.json
+++ b/components/documenteditor/package.json
@@ -32,21 +32,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "22.0.2",
+		"@rollup/plugin-node-resolve": "13.3.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "8.5.0",
+		"@rollup/plugin-terser": "0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.55.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/dropdowns/gulpfile.js b/components/dropdowns/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/dropdowns/gulpfile.js
+++ b/components/dropdowns/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/dropdowns/package.json b/components/dropdowns/package.json
index 91a54b2b2..4be4c1fd4 100644
--- a/components/dropdowns/package.json
+++ b/components/dropdowns/package.json
@@ -28,7 +28,7 @@
 		"@syncfusion/ej2-dropdowns": "*"
 	},
 	"devDependencies": {
-		"awesome-typescript-loader": "5.2.1",
+		"ts-loader": "9.4.4",
 		"source-map-loader": "5.0.0",
 		"@types/chai": "3.5.2",
 		"@types/es6-promise": "0.0.33",
@@ -37,21 +37,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "22.0.2",
+		"@rollup/plugin-node-resolve": "13.3.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "8.5.0",
+		"@rollup/plugin-terser": "0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.69.5",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "4.9.5"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/filemanager/gulpfile.js b/components/filemanager/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/filemanager/gulpfile.js
+++ b/components/filemanager/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/filemanager/package.json b/components/filemanager/package.json
index 3bbdb9b57..cfe74df90 100644
--- a/components/filemanager/package.json
+++ b/components/filemanager/package.json
@@ -39,21 +39,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "22.0.2",
+		"@rollup/plugin-node-resolve": "14.1.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "8.5.0",
+		"@rollup/plugin-terser": "0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.69.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^6.0.0-alpha.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/gantt/gulpfile.js b/components/gantt/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/gantt/gulpfile.js
+++ b/components/gantt/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/gantt/package.json b/components/gantt/package.json
index fbcbfd4ae..5165652db 100644
--- a/components/gantt/package.json
+++ b/components/gantt/package.json
@@ -48,21 +48,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "22.0.2",
+		"@rollup/plugin-node-resolve": "13.3.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "8.5.0",
+		"@rollup/plugin-terser": "0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.49.9",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/grids/gulpfile.js b/components/grids/gulpfile.js
index 22ed28d7e..13456e840 100644
--- a/components/grids/gulpfile.js
+++ b/components/grids/gulpfile.js
@@ -2,11 +2,6 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
-
 /**
  * Compile ts files
  */
@@ -26,11 +21,16 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/grids/package.json b/components/grids/package.json
index ed89175b9..5ee1b8880 100644
--- a/components/grids/package.json
+++ b/components/grids/package.json
@@ -24,7 +24,7 @@
 		"@syncfusion/ej2-grids": "*"
 	},
 	"devDependencies": {
-		"awesome-typescript-loader": "5.2.1",
+		"ts-loader": "9.5.1",
 		"source-map-loader": "5.0.0",
 		"@types/chai": "3.5.2",
 		"@types/es6-promise": "0.0.33",
@@ -33,21 +33,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "24.1.0",
+		"@rollup/plugin-node-resolve": "15.2.3",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "11.1.5",
+		"@rollup/plugin-terser": "0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "4.9.5"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/heatmap/gulpfile.js b/components/heatmap/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/heatmap/gulpfile.js
+++ b/components/heatmap/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/heatmap/package.json b/components/heatmap/package.json
index ccaa0e52b..4cd5136d1 100644
--- a/components/heatmap/package.json
+++ b/components/heatmap/package.json
@@ -23,7 +23,7 @@
 		"@syncfusion/ej2-heatmap": "*"
 	},
 	"devDependencies": {
-		"awesome-typescript-loader": "5.2.1",
+		"ts-loader": "9.5.1",
 		"source-map-loader": "5.0.0",
 		"@types/chai": "3.5.2",
 		"@types/es6-promise": "0.0.33",
@@ -32,21 +32,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "25.0.7",
+		"@rollup/plugin-node-resolve": "15.2.3",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "11.1.5",
+		"@rollup/plugin-terser": "0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.69.5",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/imageeditor/gulpfile.js b/components/imageeditor/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/imageeditor/gulpfile.js
+++ b/components/imageeditor/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/imageeditor/package.json b/components/imageeditor/package.json
index bdd01ecfc..61b297c78 100644
--- a/components/imageeditor/package.json
+++ b/components/imageeditor/package.json
@@ -26,7 +26,7 @@
 		"@syncfusion/ej2-image-editor": "*"
 	},
 	"devDependencies": {
-		"awesome-typescript-loader": "5.2.1",
+		"ts-loader": "9.5.1",
 		"source-map-loader": "5.0.0",
 		"@types/chai": "3.5.2",
 		"@types/es6-promise": "0.0.33",
@@ -35,21 +35,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "22.0.2",
+		"@rollup/plugin-node-resolve": "13.3.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "8.5.0",
+		"@rollup/plugin-terser": "0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.8",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "4.9.5"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/inplaceeditor/gulpfile.js b/components/inplaceeditor/gulpfile.js
index 22ed28d7e..92e27bfa3 100644
--- a/components/inplaceeditor/gulpfile.js
+++ b/components/inplaceeditor/gulpfile.js
@@ -2,10 +2,6 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
 
 /**
  * Compile ts files
@@ -26,11 +22,16 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/inplaceeditor/package.json b/components/inplaceeditor/package.json
index 9d906525d..14568fb9f 100644
--- a/components/inplaceeditor/package.json
+++ b/components/inplaceeditor/package.json
@@ -24,8 +24,8 @@
 		"@syncfusion/ej2-inplace-editor": "*"
 	},
 	"devDependencies": {
-		"awesome-typescript-loader": "5.2.1",
-		"source-map-loader": "5.0.0",
+		"ts-loader": "^9.5.1",
+		"source-map-loader": "^5.0.0",
 		"@types/chai": "3.5.2",
 		"@types/es6-promise": "0.0.33",
 		"@types/jasmine": "2.8.22",
@@ -33,21 +33,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^22.0.2",
+		"@rollup/plugin-node-resolve": "^13.3.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^8.5.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.69.5",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^6.0.0-alpha.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^4.9.5"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/inputs/gulpfile.js b/components/inputs/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/inputs/gulpfile.js
+++ b/components/inputs/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/inputs/package.json b/components/inputs/package.json
index f4c43fe9a..39246a3ee 100644
--- a/components/inputs/package.json
+++ b/components/inputs/package.json
@@ -51,21 +51,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/interactivechat/gulpfile.js b/components/interactivechat/gulpfile.js
index 22ed28d7e..919d66d33 100644
--- a/components/interactivechat/gulpfile.js
+++ b/components/interactivechat/gulpfile.js
@@ -2,10 +2,6 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
 
 /**
  * Compile ts files
@@ -26,11 +22,16 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+   var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/interactivechat/package.json b/components/interactivechat/package.json
index d92470c1d..51aab6555 100644
--- a/components/interactivechat/package.json
+++ b/components/interactivechat/package.json
@@ -35,21 +35,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/kanban/gulpfile.js b/components/kanban/gulpfile.js
index 22ed28d7e..c50910861 100644
--- a/components/kanban/gulpfile.js
+++ b/components/kanban/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,16 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/kanban/package.json b/components/kanban/package.json
index c8bb74a3e..d6f647b98 100644
--- a/components/kanban/package.json
+++ b/components/kanban/package.json
@@ -32,21 +32,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/layouts/gulpfile.js b/components/layouts/gulpfile.js
index 22ed28d7e..c50910861 100644
--- a/components/layouts/gulpfile.js
+++ b/components/layouts/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,16 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/layouts/package.json b/components/layouts/package.json
index c30cca804..c4548157a 100644
--- a/components/layouts/package.json
+++ b/components/layouts/package.json
@@ -36,21 +36,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/lineargauge/gulpfile.js b/components/lineargauge/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/lineargauge/gulpfile.js
+++ b/components/lineargauge/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/lineargauge/package.json b/components/lineargauge/package.json
index b9d7f0929..1ab16d309 100644
--- a/components/lineargauge/package.json
+++ b/components/lineargauge/package.json
@@ -33,21 +33,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/lists/gulpfile.js b/components/lists/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/lists/gulpfile.js
+++ b/components/lists/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/lists/package.json b/components/lists/package.json
index de811dcb0..e403b3601 100644
--- a/components/lists/package.json
+++ b/components/lists/package.json
@@ -34,21 +34,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/maps/gulpfile.js b/components/maps/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/maps/gulpfile.js
+++ b/components/maps/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/maps/package.json b/components/maps/package.json
index 1492af33a..f3b414001 100644
--- a/components/maps/package.json
+++ b/components/maps/package.json
@@ -33,21 +33,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/multicolumncombobox/gulpfile.js b/components/multicolumncombobox/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/multicolumncombobox/gulpfile.js
+++ b/components/multicolumncombobox/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/multicolumncombobox/package.json b/components/multicolumncombobox/package.json
index 424cb63e8..b77ade15e 100644
--- a/components/multicolumncombobox/package.json
+++ b/components/multicolumncombobox/package.json
@@ -33,21 +33,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/navigations/gulpfile.js b/components/navigations/gulpfile.js
index 22ed28d7e..92e27bfa3 100644
--- a/components/navigations/gulpfile.js
+++ b/components/navigations/gulpfile.js
@@ -2,10 +2,6 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
 
 /**
  * Compile ts files
@@ -26,11 +22,16 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/navigations/package.json b/components/navigations/package.json
index 73df6e6f7..8a7678e4f 100644
--- a/components/navigations/package.json
+++ b/components/navigations/package.json
@@ -45,21 +45,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/notifications/gulpfile.js b/components/notifications/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/notifications/gulpfile.js
+++ b/components/notifications/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/notifications/package.json b/components/notifications/package.json
index f75f4e2a5..064adab60 100644
--- a/components/notifications/package.json
+++ b/components/notifications/package.json
@@ -36,21 +36,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/pdfviewer/gulpfile.js b/components/pdfviewer/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/pdfviewer/gulpfile.js
+++ b/components/pdfviewer/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/pdfviewer/package.json b/components/pdfviewer/package.json
index 7613f5c64..fbd92f4fc 100644
--- a/components/pdfviewer/package.json
+++ b/components/pdfviewer/package.json
@@ -32,21 +32,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/pivotview/gulpfile.js b/components/pivotview/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/pivotview/gulpfile.js
+++ b/components/pivotview/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/pivotview/package.json b/components/pivotview/package.json
index 30c5ee812..c316fe0cb 100644
--- a/components/pivotview/package.json
+++ b/components/pivotview/package.json
@@ -32,21 +32,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/popups/gulpfile.js b/components/popups/gulpfile.js
index 22ed28d7e..92e27bfa3 100644
--- a/components/popups/gulpfile.js
+++ b/components/popups/gulpfile.js
@@ -2,10 +2,6 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
 
 /**
  * Compile ts files
@@ -26,11 +22,16 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/popups/package.json b/components/popups/package.json
index b07b80746..6aaff5ef0 100644
--- a/components/popups/package.json
+++ b/components/popups/package.json
@@ -45,21 +45,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/progressbar/gulpfile.js b/components/progressbar/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/progressbar/gulpfile.js
+++ b/components/progressbar/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/progressbar/package.json b/components/progressbar/package.json
index 879f6ca65..7d5467eb1 100644
--- a/components/progressbar/package.json
+++ b/components/progressbar/package.json
@@ -33,21 +33,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/querybuilder/gulpfile.js b/components/querybuilder/gulpfile.js
index 22ed28d7e..919d66d33 100644
--- a/components/querybuilder/gulpfile.js
+++ b/components/querybuilder/gulpfile.js
@@ -2,10 +2,6 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
 
 /**
  * Compile ts files
@@ -26,11 +22,16 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+   var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/querybuilder/package.json b/components/querybuilder/package.json
index 865c47d0a..62a044ab3 100644
--- a/components/querybuilder/package.json
+++ b/components/querybuilder/package.json
@@ -36,21 +36,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/ribbon/gulpfile.js b/components/ribbon/gulpfile.js
index 22ed28d7e..92e27bfa3 100644
--- a/components/ribbon/gulpfile.js
+++ b/components/ribbon/gulpfile.js
@@ -2,10 +2,6 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
 
 /**
  * Compile ts files
@@ -26,11 +22,16 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/ribbon/package.json b/components/ribbon/package.json
index c4d066a36..e7d60a27c 100644
--- a/components/ribbon/package.json
+++ b/components/ribbon/package.json
@@ -33,21 +33,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/richtexteditor/gulpfile.js b/components/richtexteditor/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/richtexteditor/gulpfile.js
+++ b/components/richtexteditor/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/richtexteditor/package.json b/components/richtexteditor/package.json
index 193f298a9..e7a638e6d 100644
--- a/components/richtexteditor/package.json
+++ b/components/richtexteditor/package.json
@@ -33,21 +33,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/schedule/gulpfile.js b/components/schedule/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/schedule/gulpfile.js
+++ b/components/schedule/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/schedule/package.json b/components/schedule/package.json
index c45c81481..b329fc923 100644
--- a/components/schedule/package.json
+++ b/components/schedule/package.json
@@ -34,21 +34,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/splitbuttons/gulpfile.js b/components/splitbuttons/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/splitbuttons/gulpfile.js
+++ b/components/splitbuttons/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/splitbuttons/package.json b/components/splitbuttons/package.json
index 40d45662c..af616c90e 100644
--- a/components/splitbuttons/package.json
+++ b/components/splitbuttons/package.json
@@ -30,6 +30,7 @@
 		"@syncfusion/ej2-splitbuttons": "*"
 	},
 	"devDependencies": {
+		
 		"awesome-typescript-loader": "5.2.1",
 		"source-map-loader": "5.0.0",
 		"@types/chai": "3.5.2",
@@ -39,21 +40,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.0.0",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.77.0",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "^3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/spreadsheet/gulpfile.js b/components/spreadsheet/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/components/spreadsheet/gulpfile.js
+++ b/components/spreadsheet/gulpfile.js
@@ -2,10 +2,7 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
+
 
 /**
  * Compile ts files
@@ -26,11 +23,15 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/spreadsheet/package.json b/components/spreadsheet/package.json
index c87d86118..c53ae8115 100644
--- a/components/spreadsheet/package.json
+++ b/components/spreadsheet/package.json
@@ -23,30 +23,31 @@
 		"@syncfusion/ej2-spreadsheet": "*"
 	},
 	"devDependencies": {
-		"awesome-typescript-loader": "5.2.1",
+		"ts-loader": "9.5.1",
 		"source-map-loader": "5.0.0",
-		"@types/chai": "3.5.2",
-		"@types/es6-promise": "0.0.33",
-		"@types/jasmine": "2.8.22",
+		"@types/chai": "4.3.11",
+		"@types/jasmine": "4.3.6",
 		"@types/jasmine-ajax": "3.3.5",
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "22.0.2",
+		"@rollup/plugin-node-resolve": "13.3.0",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "8.5.0",
+		"@rollup/plugin-terser": "0.4.4",
 		"@types/node": "20.11.10",
-		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "4.2.8",
+		"gulp": "4.0.2",
+		"sass": "1.69.5",
+		"gulp-sass": "5.1.0",
+		"gulp-typescript": "5.0.1",
+		"requirejs": "2.3.6",
+		"typescript": "4.9.5",
+		"tslib": "2.6.2"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/treegrid/gulpfile.js b/components/treegrid/gulpfile.js
index 22ed28d7e..92e27bfa3 100644
--- a/components/treegrid/gulpfile.js
+++ b/components/treegrid/gulpfile.js
@@ -2,10 +2,6 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
 
 /**
  * Compile ts files
@@ -26,11 +22,16 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/treegrid/package.json b/components/treegrid/package.json
index 171f11c55..251190fa0 100644
--- a/components/treegrid/package.json
+++ b/components/treegrid/package.json
@@ -48,21 +48,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.7",
+		"@rollup/plugin-node-resolve": "^15.2.3",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "^11.1.6",
+		"@rollup/plugin-terser": "^0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.77.8",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}
diff --git a/components/treemap/gulpfile.js b/components/treemap/gulpfile.js
index 22ed28d7e..92e27bfa3 100644
--- a/components/treemap/gulpfile.js
+++ b/components/treemap/gulpfile.js
@@ -2,10 +2,6 @@
 
 var gulp = require('gulp');
 
-/**
- * Build ts and scss files
- */
-gulp.task('build', gulp.series('scripts', 'styles'));
 
 /**
  * Compile ts files
@@ -26,11 +22,16 @@ gulp.task('scripts', function(done) {
  * Compile styles
  */
 gulp.task('styles', function() {
-    var sass = require('gulp-sass');
+    var sass = require('gulp-sass')(require('sass'));
     return gulp.src(['./**/*.scss', '!./node_modules/**/*.scss'], { base: './' })
         .pipe(sass({
             outputStyle: 'expanded',
             includePaths: './node_modules/@syncfusion/'
         }))
         .pipe(gulp.dest('.'));
-});
\ No newline at end of file
+});
+
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
\ No newline at end of file
diff --git a/components/treemap/package.json b/components/treemap/package.json
index 293c82adc..9368421bc 100644
--- a/components/treemap/package.json
+++ b/components/treemap/package.json
@@ -33,21 +33,22 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"rollup": "2.79.2",
+		"@rollup/plugin-commonjs": "25.0.7",
+		"@rollup/plugin-node-resolve": "15.2.3",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "0.8.1",
-		"rollup-plugin-uglify": "6.0.4",
+		"@rollup/plugin-typescript": "11.1.5",
+		"@rollup/plugin-terser": "0.4.4",
 		"@types/node": "20.11.10",
 		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
+		"gulp": "^4.0.2",
+		"sass": "^1.69.5",
+		"gulp-sass": "^5.1.0",
+		"gulp-typescript": "^5.0.1",
 		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
 	}
-}
\ No newline at end of file
+}