diff --git a/controls/ej2/gulpfile.js b/controls/ej2/gulpfile.js
index 22ed28d7ed..3b31b3181d 100644
--- a/controls/ej2/gulpfile.js
+++ b/controls/ej2/gulpfile.js
@@ -1,36 +1,51 @@
 'use strict';
 
-var gulp = require('gulp');
+const gulp = require('gulp');
+const sass = require('gulp-sass')(require('sass'));
+const ts = require('gulp-typescript');
 
 /**
- * Build ts and scss files
+ * Compile TypeScript files
  */
-gulp.task('build', gulp.series('scripts', 'styles'));
+function scripts() {
+    const tsProject = ts.createProject('tsconfig.json', {
+        typescript: require('typescript')
+    });
 
-/**
- * Compile ts files
- */
-gulp.task('scripts', function(done) {
-    var ts = require('gulp-typescript');
-    var tsProject = ts.createProject('tsconfig.json', { typescript: require('typescript') });
+    const tsResult = gulp
+        .src([
+            './**/*.ts',
+            './**/*.tsx',
+            '!./node_modules/**/*.ts',
+            '!./node_modules/**/*.tsx'
+        ], { base: '.' })
+            .pipe(tsProject());
+            return tsResult.js.pipe(gulp.dest('./'));
+        }
 
-    var tsResult = gulp.src(['./**/*.ts','./**/*.tsx', '!./node_modules/**/*.ts','!./node_modules/**/*.tsx'], { base: '.' })
-        .pipe(tsProject());
-    tsResult.js.pipe(gulp.dest('./'))
-        .on('end', function() {
-            done();
-        });
-});
+    /**
+     * Compile SCSS files
+     */
+    function styles() {
+        return gulp
+            .src([
+                './**/*.scss',
+                '!./node_modules/**/*.scss'
+            ], { base: './' })
+            .pipe(
+                sass({
+                    outputStyle: 'expanded',
+                    includePaths: './node_modules/@syncfusion/'
+                    }).on('error', sass.logError)
+                )
+            .pipe(gulp.dest('.'));
+        }
 
-/**
- * Compile styles
- */
-gulp.task('styles', function() {
-    var sass = require('gulp-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 task
+    */
+    const build = gulp.series(scripts, styles);
+    exports.scripts = scripts;
+    exports.styles = styles;
+    exports.build = build;
+    exports.default = build;
diff --git a/controls/ej2/package.json b/controls/ej2/package.json
index 0121f40417..4b95e0428f 100644
--- a/controls/ej2/package.json
+++ b/controls/ej2/package.json
@@ -59,33 +59,31 @@
 		"gulp-replace": "^1.1.4"
 	},
 	"devDependencies": {
-		"@syncfusion/ej2-staging": "^1.0.4",
 		"@types/lodash": "4.14.159",
 		"@types/node": "18.11.11",
+		"es6-promise": "^3.2.1",
+		"gulp": "^4.0.2",
 		"gulp-print": "^5.0.2",
 		"gulp-prompt": "1.2.0",
+		"gulp-sass": "^5.1.0",
 		"gulp-stylelint": "^13.0.0",
-		"gulp-util": "^3.0.8",
+		"gulp-typescript": "^3.1.6",
 		"postcss": "^8.4.14",
 		"readline-sync": "^1.4.10",
-		"rollup": "1.32.1",
-		"rollup-plugin-commonjs": "10.1.0",
-		"rollup-plugin-node-resolve": "5.2.0",
+		"requirejs": "^2.3.3",
+		"rollup": "^2.79.2",
+		"@rollup/plugin-commonjs": "^25.0.7",
+		"@rollup/plugin-node-resolve": "^15.2.3",
+		"@rollup/plugin-typescript": "^11.1.6",
 		"rollup-plugin-sourcemaps": "0.6.3",
-		"rollup-plugin-typescript": "1.0.1",
-		"rollup-plugin-uglify": "6.0.4",
-		"sass": "1.51.0",
+		"rollup-plugin-terser": "^7.0.2",
+		"sass": "^1.69.0",
 		"serve": "12.0.1",
 		"stylelint": "^13.13.1",
 		"stylelint-scss": "^3.18.0",
 		"table": "^6.8.0",
 		"tslib": "^1.8.0",
-		"typescript": "2.3.4",
-		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
-		"requirejs": "^2.3.3"
+		"typescript": "^3.7.0"
 	},
 	"keywords": [
 		"ej2",
@@ -102,4 +100,4 @@
 		"build": "gulp build"
 	},
 	"typings": "index.d.ts"
-}
\ No newline at end of file
+}