build(deps-dev): bump replace-in-file from 7.2.0 to 8.3.0 (#2916)

Bumps [replace-in-file](https://github.com/adamreisnz/replace-in-file) from 7.2.0 to 8.3.0.
- [Release notes](https://github.com/adamreisnz/replace-in-file/releases)
- [Changelog](https://github.com/adamreisnz/replace-in-file/blob/main/CHANGELOG.md)
- [Commits](https://github.com/adamreisnz/replace-in-file/commits)

---
updated-dependencies:
- dependency-name: replace-in-file
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

Author: dependabot[bot]

Diff for: package-lock.json

@@ -53,7 +53,7 @@
     "prettier": "3.5.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "replace-in-file": "7.2.0",
+    "replace-in-file": "8.3.0",
     "start-server-and-test": "2.0.8",
     "stylelint": "^14.16.1",
     "stylelint-config-prettier-scss": "^0.0.1",

Diff for: package.json

@@ -14,7 +14,7 @@
   },
   "scripts": {
     "ng": "ng",
-    "stencil:workaround": "node ../../scripts/angular-helper.js",
+    "stencil:workaround": "node ../../scripts/angular-helper.mjs",
     "pretest": "npm run stencil:workaround",
     "prebuild": "npm run stencil:workaround",
     "start": "ng serve",
@@ -29,7 +29,6 @@
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-
     "@angular/animations": "18.2.13",
     "@angular/common": "18.2.13",
     "@angular/compiler": "18.2.13",

Diff for: packages/db-ui-elements-angular/package.json

@@ -14,7 +14,7 @@
     "access": "public"
   },
   "scripts": {
-    "stencil:workaround": "node ../../scripts/react-helper.js",
+    "stencil:workaround": "node ../../scripts/react-helper.mjs",
     "pretest": "npm run stencil:workaround",
     "prebuild": "npm run stencil:workaround",
     "build": "npm run clean && npm run tsc",

Diff for: packages/db-ui-elements-react/package.json

@@ -14,7 +14,7 @@
     "access": "public"
   },
   "scripts": {
-    "stencil:workaround": "node ../../scripts/vue-helper.js",
+    "stencil:workaround": "node ../../scripts/vue-helper.mjs",
     "pretest": "npm run stencil:workaround",
     "prebuild": "npm run stencil:workaround",
     "build": "npm run clean && npm run tsc",

Diff for: packages/db-ui-elements-vue/package.json

@@ -3,8 +3,8 @@
  * It fixes some issues made by code generation from stencil.
  */
 
-const replace = require('replace-in-file');
-const fs = require('fs');
+import { existsSync, readFileSync } from 'node:fs';
+import { replaceInFile } from 'replace-in-file';
 
 const registerOnChange = {
   files: './projects/lib/src/number-value-accessor.ts',
@@ -68,25 +68,24 @@ const directive = {
 
 const shouldOverride = (path) => {
   return (
-    fs.existsSync(path) &&
-    !fs.readFileSync(path).toString().includes('override')
+    existsSync(path) && !readFileSync(path).toString().includes('override')
   );
 };
 
 const run = async () => {
   try {
     if (shouldOverride('./projects/lib/src/boolean-value-accessor.ts')) {
-      await replace(writeValue);
-      await replace(eventDetail);
+      await replaceInFile(writeValue);
+      await replaceInFile(eventDetail);
     }
     if (shouldOverride('./projects/lib/src/text-value-accessor.ts')) {
-      await replace(textAccessorHostListener);
-      await replace(textAccessorImport);
+      await replaceInFile(textAccessorHostListener);
+      await replaceInFile(textAccessorImport);
     }
     if (shouldOverride('./projects/lib/src/number-value-accessor.ts')) {
-      await replace(registerOnChange);
+      await replaceInFile(registerOnChange);
     }
-    await replace(directive);
+    await replaceInFile(directive);
   } catch (error) {
     console.error('Error occurred:', error);
   }

Diff for: scripts/angular-helper.js renamed to scripts/angular-helper.mjs

@@ -2,15 +2,15 @@
  * This script is for development it will generate enums for components using illustration e.g. db-card.
  */
 
-const fs = require('fs');
-const replace = require('replace-in-file');
+import fs from 'node:fs';
+import { replaceInFile } from 'replace-in-file';
 
 try {
   const illustrations = fs
     .readdirSync('./node_modules/@db-ui/core/dist/icons/illustrative')
     .map((ill) => ill.replace('db_ic_il_', '').replace('.svg', ''));
 
-  await replace({
+  await replaceInFile({
     files:
       './packages/db-ui-elements-stencil/src/components/db-card/db-card.tsx',
     from: '@Prop({ reflect: true }) illustration:',
@@ -19,7 +19,7 @@ try {
       .join('|')};`
   });
 
-  await replace({
+  await replaceInFile({
     files:
       './packages/db-ui-elements-stencil/src/components/db-card/db-card.tsx',
     from: 'illustrationPaths = {};',

Diff for: scripts/illustration-generator.js renamed to scripts/illustration-generator.mjs

@@ -3,16 +3,16 @@
  * It fixes some issues made by code generation from stencil.
  */
 
-const replace = require('replace-in-file');
+import { replaceInFile } from 'replace-in-file';
 
 const run = async () => {
   try {
-    const modelFix = await replace({
+    const modelFix = await replaceInFile({
       files: './src/react-component-lib/createOverlayComponent.tsx',
       from: 'return <Overlay',
       to: '//@ts-ignore\nreturn <Overlay'
     });
-    await replace({
+    await replaceInFile({
       files: './src/react-component-lib/utils/index.tsx',
       from: 'return React.forwardRef',
       to: '//@ts-ignore\nreturn React.forwardRef'

Diff for: scripts/react-helper.js renamed to scripts/react-helper.mjs

@@ -2,7 +2,7 @@
  * This script is a workaround for GitHub pages review.
  */
 
-const replace = require('replace-in-file');
+import { replaceInFile } from 'replace-in-file';
 
 const getFrom = (framework) => {
   if (framework === 'react') {
@@ -36,7 +36,7 @@ const run = async () => {
   }
   try {
     if (framework === 'angular') {
-      await replace({
+      await replaceInFile({
         files: [
           './public/angular-showcase/index.html',
           './public/angular-showcase/styles.css'
@@ -45,7 +45,7 @@ const run = async () => {
         to: 'url(/angular-showcase/'
       });
     }
-    await replace({
+    await replaceInFile({
       files: [
         `./public/${framework}-showcase/*.*`,
         `./public/${framework}-showcase/**/*.*`

Diff for: scripts/review-page-helper.js renamed to scripts/review-page-helper.mjs

@@ -3,7 +3,7 @@
  * It fixes some issues made by code generation from stencil.
  */
 
-const replace = require('replace-in-file');
+import { replaceInFile } from 'replace-in-file';
 
 const vModelFix = {
   files: './src/vue-component-lib/utils.ts',
@@ -29,7 +29,7 @@ const vModelFix = {
 
 const run = async () => {
   try {
-    const modelFix = await replace(vModelFix);
+    const modelFix = await replaceInFile(vModelFix);
     modelFix.forEach((changes) => {
       if (!changes.hasChanged) {
         console.warn(