Use ESM for the babel config

Author: NullVoxPopuli

files/_js_babel.config.cjs renamed to files/_js_babel.config.mjs

@@ -1,9 +1,14 @@
-const {
+import { createRequire } from 'module';
+import { fileURLToPath } from 'url';
+
+import {
   babelCompatSupport,
   templateCompatSupport,
-} = require('@embroider/compat/babel');
+} from '@embroider/compat/babel';
+
+const require = createRequire(import.meta.url);
 
-module.exports = {
+export default {
   plugins: [
     [
       'babel-plugin-ember-template-compilation',
@@ -28,7 +33,7 @@ module.exports = {
     [
       '@babel/plugin-transform-runtime',
       {
-        absoluteRuntime: __dirname,
+        absoluteRuntime: fileURLToPath(new URL('.', import.meta.url)),
         useESModules: true,
         regenerator: false,
       },

files/_ts_babel.config.cjs renamed to files/_ts_babel.config.mjs

@@ -1,7 +1,12 @@
-const {
+import { createRequire } from 'module';
+import { fileURLToPath } from 'url';
+
+import {
   babelCompatSupport,
   templateCompatSupport,
-} = require('@embroider/compat/babel');
+} from '@embroider/compat/babel';
+
+const require = createRequire(import.meta.url);
 
 module.exports = {
   plugins: [
@@ -36,7 +41,7 @@ module.exports = {
     [
       '@babel/plugin-transform-runtime',
       {
-        absoluteRuntime: __dirname,
+        absoluteRuntime: fileURLToPath(new URL('.', import.meta.url)),
         useESModules: true,
         regenerator: false,
       },