diff --git a/components/barcodegenerator/gulpfile.js b/components/barcodegenerator/gulpfile.js
index 22ed28d7e..c4e2f29b3 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,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/barcodegenerator/package.json b/components/barcodegenerator/package.json
index a54387779..f9d6e9c9a 100644
--- a/components/barcodegenerator/package.json
+++ b/components/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-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"
diff --git a/components/blockeditor/gulpfile.js b/components/blockeditor/gulpfile.js
index 22ed28d7e..2c4c6db63 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,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/blockeditor/package.json b/components/blockeditor/package.json
index a428e1ea7..e14d2e4f6 100644
--- a/components/blockeditor/package.json
+++ b/components/blockeditor/package.json
@@ -29,7 +29,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",
@@ -39,18 +39,20 @@
 		"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-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"