diff --git a/src/barcodegenerator/gulpfile.js b/src/barcodegenerator/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/barcodegenerator/gulpfile.js
+++ b/src/barcodegenerator/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,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/src/barcodegenerator/package.json b/src/barcodegenerator/package.json
index 16d745b6c..0a86c1357 100644
--- a/src/barcodegenerator/package.json
+++ b/src/barcodegenerator/package.json
@@ -32,19 +32,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+		"rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/blockeditor/gulpfile.js b/src/blockeditor/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/src/blockeditor/gulpfile.js
+++ b/src/blockeditor/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/src/blockeditor/package.json b/src/blockeditor/package.json
index caa409d8c..40f9437c9 100644
--- a/src/blockeditor/package.json
+++ b/src/blockeditor/package.json
@@ -33,19 +33,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+		"rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/buttons/gulpfile.js b/src/buttons/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/buttons/gulpfile.js
+++ b/src/buttons/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,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/src/buttons/package.json b/src/buttons/package.json
index 64b611291..268e374da 100644
--- a/src/buttons/package.json
+++ b/src/buttons/package.json
@@ -39,19 +39,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+		"rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/calendars/gulpfile.js b/src/calendars/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/calendars/gulpfile.js
+++ b/src/calendars/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,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/src/calendars/package.json b/src/calendars/package.json
index 99d558e86..e74855b98 100644
--- a/src/calendars/package.json
+++ b/src/calendars/package.json
@@ -32,19 +32,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/charts/gulpfile.js b/src/charts/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/charts/gulpfile.js
+++ b/src/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,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/src/charts/package.json b/src/charts/package.json
index 6ad412fd3..d23de4092 100644
--- a/src/charts/package.json
+++ b/src/charts/package.json
@@ -36,6 +36,7 @@
 	},
 	"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",
@@ -44,19 +45,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/circulargauge/gulpfile.js b/src/circulargauge/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/circulargauge/gulpfile.js
+++ b/src/circulargauge/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,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/src/circulargauge/package.json b/src/circulargauge/package.json
index 55088e3a5..ee1e1cffc 100644
--- a/src/circulargauge/package.json
+++ b/src/circulargauge/package.json
@@ -25,6 +25,7 @@
 	},
 	"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,19 +34,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/diagrams/gulpfile.js b/src/diagrams/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/src/diagrams/gulpfile.js
+++ b/src/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/src/diagrams/package.json b/src/diagrams/package.json
index 283a3f82a..58ad2c3cf 100644
--- a/src/diagrams/package.json
+++ b/src/diagrams/package.json
@@ -32,19 +32,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/documenteditor/gulpfile.js b/src/documenteditor/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/src/documenteditor/gulpfile.js
+++ b/src/documenteditor/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/src/documenteditor/package.json b/src/documenteditor/package.json
index 85727d1eb..a4fe821a0 100644
--- a/src/documenteditor/package.json
+++ b/src/documenteditor/package.json
@@ -32,19 +32,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/dropdowns/gulpfile.js b/src/dropdowns/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/dropdowns/gulpfile.js
+++ b/src/dropdowns/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,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/src/dropdowns/package.json b/src/dropdowns/package.json
index c3579e14a..9f4ecc775 100644
--- a/src/dropdowns/package.json
+++ b/src/dropdowns/package.json
@@ -37,19 +37,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/filemanager/gulpfile.js b/src/filemanager/gulpfile.js
index 22ed28d7e..de7322aad 100644
--- a/src/filemanager/gulpfile.js
+++ b/src/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/src/filemanager/package.json b/src/filemanager/package.json
index 3bbdb9b57..850376899 100644
--- a/src/filemanager/package.json
+++ b/src/filemanager/package.json
@@ -39,19 +39,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/gantt/gulpfile.js b/src/gantt/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/gantt/gulpfile.js
+++ b/src/gantt/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,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/src/gantt/package.json b/src/gantt/package.json
index 1dcf1d123..090a5cc3b 100644
--- a/src/gantt/package.json
+++ b/src/gantt/package.json
@@ -48,19 +48,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/grids/gulpfile.js b/src/grids/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/grids/gulpfile.js
+++ b/src/grids/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,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/src/grids/package.json b/src/grids/package.json
index 92cc8efa4..a24835d7b 100644
--- a/src/grids/package.json
+++ b/src/grids/package.json
@@ -33,19 +33,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/heatmap/gulpfile.js b/src/heatmap/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/heatmap/gulpfile.js
+++ b/src/heatmap/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,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/src/heatmap/package.json b/src/heatmap/package.json
index 94f348913..c82b29705 100644
--- a/src/heatmap/package.json
+++ b/src/heatmap/package.json
@@ -24,6 +24,7 @@
 	},
 	"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",
@@ -32,19 +33,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/imageeditor/gulpfile.js b/src/imageeditor/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/imageeditor/gulpfile.js
+++ b/src/imageeditor/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,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/src/imageeditor/package.json b/src/imageeditor/package.json
index 9b5e280b0..ba57fe43a 100644
--- a/src/imageeditor/package.json
+++ b/src/imageeditor/package.json
@@ -35,19 +35,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/inplaceeditor/gulpfile.js b/src/inplaceeditor/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/inplaceeditor/gulpfile.js
+++ b/src/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,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/src/inplaceeditor/package.json b/src/inplaceeditor/package.json
index 9d906525d..36505f1eb 100644
--- a/src/inplaceeditor/package.json
+++ b/src/inplaceeditor/package.json
@@ -33,19 +33,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/inputs/gulpfile.js b/src/inputs/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/inputs/gulpfile.js
+++ b/src/inputs/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,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/src/inputs/package.json b/src/inputs/package.json
index f4c43fe9a..0c0fa8f04 100644
--- a/src/inputs/package.json
+++ b/src/inputs/package.json
@@ -51,19 +51,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/interactivechat/gulpfile.js b/src/interactivechat/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/interactivechat/gulpfile.js
+++ b/src/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,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/src/interactivechat/package.json b/src/interactivechat/package.json
index d92470c1d..e49b4dfe8 100644
--- a/src/interactivechat/package.json
+++ b/src/interactivechat/package.json
@@ -35,19 +35,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/kanban/gulpfile.js b/src/kanban/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/kanban/gulpfile.js
+++ b/src/kanban/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,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/src/kanban/package.json b/src/kanban/package.json
index c8bb74a3e..249d3888f 100644
--- a/src/kanban/package.json
+++ b/src/kanban/package.json
@@ -32,19 +32,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/layouts/gulpfile.js b/src/layouts/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/layouts/gulpfile.js
+++ b/src/layouts/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,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/src/layouts/package.json b/src/layouts/package.json
index c30cca804..f30262737 100644
--- a/src/layouts/package.json
+++ b/src/layouts/package.json
@@ -36,19 +36,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/lineargauge/gulpfile.js b/src/lineargauge/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/lineargauge/gulpfile.js
+++ b/src/lineargauge/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,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/src/lineargauge/package.json b/src/lineargauge/package.json
index b9d7f0929..487f30001 100644
--- a/src/lineargauge/package.json
+++ b/src/lineargauge/package.json
@@ -25,6 +25,7 @@
 	},
 	"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,19 +34,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/lists/gulpfile.js b/src/lists/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/lists/gulpfile.js
+++ b/src/lists/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,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/src/lists/package.json b/src/lists/package.json
index de811dcb0..7d979b93b 100644
--- a/src/lists/package.json
+++ b/src/lists/package.json
@@ -34,19 +34,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/maps/gulpfile.js b/src/maps/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/maps/gulpfile.js
+++ b/src/maps/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,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/src/maps/package.json b/src/maps/package.json
index 1492af33a..7c133783d 100644
--- a/src/maps/package.json
+++ b/src/maps/package.json
@@ -25,6 +25,7 @@
 	},
 	"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,19 +34,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/multicolumncombobox/gulpfile.js b/src/multicolumncombobox/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/multicolumncombobox/gulpfile.js
+++ b/src/multicolumncombobox/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,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/src/multicolumncombobox/package.json b/src/multicolumncombobox/package.json
index 424cb63e8..6742863fb 100644
--- a/src/multicolumncombobox/package.json
+++ b/src/multicolumncombobox/package.json
@@ -33,19 +33,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/navigations/gulpfile.js b/src/navigations/gulpfile.js
index 22ed28d7e..92e27bfa3 100644
--- a/src/navigations/gulpfile.js
+++ b/src/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/src/navigations/package.json b/src/navigations/package.json
index d422fbb0d..8c9bae6a5 100644
--- a/src/navigations/package.json
+++ b/src/navigations/package.json
@@ -45,19 +45,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/notifications/gulpfile.js b/src/notifications/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/notifications/gulpfile.js
+++ b/src/notifications/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,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/src/notifications/package.json b/src/notifications/package.json
index f75f4e2a5..af5c65bd3 100644
--- a/src/notifications/package.json
+++ b/src/notifications/package.json
@@ -36,19 +36,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/pdfviewer/gulpfile.js b/src/pdfviewer/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/pdfviewer/gulpfile.js
+++ b/src/pdfviewer/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,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/src/pdfviewer/package.json b/src/pdfviewer/package.json
index cbf1a554e..cb79dcfdf 100644
--- a/src/pdfviewer/package.json
+++ b/src/pdfviewer/package.json
@@ -32,19 +32,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/pivotview/gulpfile.js b/src/pivotview/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/pivotview/gulpfile.js
+++ b/src/pivotview/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,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/src/pivotview/package.json b/src/pivotview/package.json
index 961a949dc..a03819965 100644
--- a/src/pivotview/package.json
+++ b/src/pivotview/package.json
@@ -32,19 +32,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/popups/gulpfile.js b/src/popups/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/popups/gulpfile.js
+++ b/src/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,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/src/popups/package.json b/src/popups/package.json
index b07b80746..76027c195 100644
--- a/src/popups/package.json
+++ b/src/popups/package.json
@@ -45,19 +45,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/progressbar/gulpfile.js b/src/progressbar/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/progressbar/gulpfile.js
+++ b/src/progressbar/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,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/src/progressbar/package.json b/src/progressbar/package.json
index 879f6ca65..d71beed1a 100644
--- a/src/progressbar/package.json
+++ b/src/progressbar/package.json
@@ -25,6 +25,7 @@
 	},
 	"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,19 +34,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/querybuilder/gulpfile.js b/src/querybuilder/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/querybuilder/gulpfile.js
+++ b/src/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,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/src/querybuilder/package.json b/src/querybuilder/package.json
index 865c47d0a..8f04d1d60 100644
--- a/src/querybuilder/package.json
+++ b/src/querybuilder/package.json
@@ -36,19 +36,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/ribbon/gulpfile.js b/src/ribbon/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/ribbon/gulpfile.js
+++ b/src/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,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/src/ribbon/package.json b/src/ribbon/package.json
index c4d066a36..bfbe8a857 100644
--- a/src/ribbon/package.json
+++ b/src/ribbon/package.json
@@ -33,19 +33,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/richtexteditor/gulpfile.js b/src/richtexteditor/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/richtexteditor/gulpfile.js
+++ b/src/richtexteditor/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,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/src/richtexteditor/package.json b/src/richtexteditor/package.json
index aed7010b6..9f156ee22 100644
--- a/src/richtexteditor/package.json
+++ b/src/richtexteditor/package.json
@@ -33,19 +33,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/schedule/gulpfile.js b/src/schedule/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/schedule/gulpfile.js
+++ b/src/schedule/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,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/src/schedule/package.json b/src/schedule/package.json
index c45c81481..e96619a4e 100644
--- a/src/schedule/package.json
+++ b/src/schedule/package.json
@@ -34,19 +34,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/splitbuttons/gulpfile.js b/src/splitbuttons/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/splitbuttons/gulpfile.js
+++ b/src/splitbuttons/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,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/src/splitbuttons/package.json b/src/splitbuttons/package.json
index 40d45662c..c5759d966 100644
--- a/src/splitbuttons/package.json
+++ b/src/splitbuttons/package.json
@@ -39,19 +39,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/spreadsheet/gulpfile.js b/src/spreadsheet/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/spreadsheet/gulpfile.js
+++ b/src/spreadsheet/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,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/src/spreadsheet/package.json b/src/spreadsheet/package.json
index 3699757b5..9832d4cd9 100644
--- a/src/spreadsheet/package.json
+++ b/src/spreadsheet/package.json
@@ -32,19 +32,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/treegrid/gulpfile.js b/src/treegrid/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/treegrid/gulpfile.js
+++ b/src/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,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/src/treegrid/package.json b/src/treegrid/package.json
index 171f11c55..03659c71a 100644
--- a/src/treegrid/package.json
+++ b/src/treegrid/package.json
@@ -48,19 +48,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"
diff --git a/src/treemap/gulpfile.js b/src/treemap/gulpfile.js
index 22ed28d7e..6a89b3c2b 100644
--- a/src/treemap/gulpfile.js
+++ b/src/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,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/src/treemap/package.json b/src/treemap/package.json
index 293c82adc..5de80a9d7 100644
--- a/src/treemap/package.json
+++ b/src/treemap/package.json
@@ -25,6 +25,7 @@
 	},
 	"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,19 +34,20 @@
 		"@types/requirejs": "2.1.37",
 		"vue": "2.6.14",
 		"vue-loader-v16": "16.0.0-beta.5.4",
-		"rollup": "1.32.1",
+	  "rollup": "2.79.2",
 		"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",
+		"rollup-plugin-typescript": "1.0.1",
+		"@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",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4"
+		"es6-promise": "^4.2.8",
+		"gulp": "^4.0.2",
+		"gulp-sass": "^5.1.0",
+		"sass": "^1.69.5",
+		"gulp-typescript": "6.0.0-alpha.1",
+		"requirejs": "^2.3.7",
+		"typescript": "3.9.10"
 	},
 	"scripts": {
 		"build": "gulp build"