feat(fonts): DLT-3475 export font module (#1325)

Author: braddialpad

package.json

@@ -82,6 +82,7 @@
       "import": "./dist/tokens/themes/*.js",
       "require": "./dist/tokens/themes/*.cjs"
     },
+    "./fonts": "./dist/css/fonts.js",
     "./*": "./dist/*"
   },
   "dependencies": {
@@ -216,7 +217,10 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
+  "sideEffects": [
+    "./dist/css/*.css",
+    "./dist/css/fonts.js"
+  ],
   "nx": {
     "includedScripts": []
   }

packages/dialtone-css/gulpfile.cjs

@@ -362,6 +362,37 @@ const buildNewSVGIcons = function (done) {
     .pipe(dest(paths.version7.outputVue));
 };
 
+//  ================================================================================
+//  @@  FONTS CSS + JS ENTRY POINT
+//      Extract @font-face declarations into a standalone CSS file and a JS entry
+//      point so consumers can import '@dialpad/dialtone/fonts' via a bundler.
+//      Webpack resolves the woff2 url() paths relative to dialtone-fonts.css in
+//      dist/css/, which is where the font files live — no symlinks needed.
+//  ================================================================================
+const libFontStyles = function (done) {
+  if (!settings.styles) return done();
+
+  const fs = require('fs');
+  const css = fs.readFileSync('./lib/dist/dialtone.css', 'utf8');
+
+  const fontFaceBlocks = [];
+  const regex = /@font-face\s*\{[^}]+\}/g;
+  let match;
+  while ((match = regex.exec(css)) !== null) {
+    fontFaceBlocks.push(match[0]);
+  }
+
+  fs.writeFileSync('./lib/dist/dialtone-fonts.css', fontFaceBlocks.join('\n') + '\n');
+  done();
+};
+
+const libFontsJS = function (done) {
+  const fs = require('fs');
+  // eslint-disable-next-line quotes
+  fs.writeFileSync('./lib/dist/fonts.js', "import './dialtone-fonts.css';\n");
+  done();
+};
+
 //  ================================================================================
 //  @@  BUILD DOCS
 //      Process files and generate documentation
@@ -399,6 +430,8 @@ exports.default = series(
   exports.svg,
   tokens,
   libStyles,
+  libFontStyles,
+  libFontsJS,
   libDocs,
   libScripts,
 );