I've followed the docs here to try and upgrade font awesome to the pro version.
https://bryntum.com/products/gantt/docs/guide/Grid/customization/iconfontupgrade
my sass code below generates the results seen in the below screenshots
$fa-font-path: '../../../edge/fontawesome/webfonts';
$icon-font : 'Font Awesome 6 Pro';
$icon-font-weight : 400;
// Bryntum Variables
// Do not edit these files
@import 'styles/resources/core-sass/themes/vars/stockholm-vars';
@import 'styles/resources/grid-sass/themes/vars/stockholm-vars';
@import 'styles/resources/sass/themes/vars/stockholm-vars';
// Bryntum generated sass required for gantt product
// Do not edit these files
@import 'styles/resources/core-sass/all';
@import 'styles/resources/grid-sass/all';
@import 'styles/resources/scheduler-sass/all';
@import 'styles/resources/schedulerpro-sass/all';
@import 'styles/resources/sass/all';
// Edge custom sass
// Base
@import "styles/edge/base/buttons";
@import "styles/edge/base/colors";
@import "styles/edge/base/icons";
@import "styles/edge/base/layout";
@import "styles/edge/base/mixins";
@import "styles/edge/base/variables";
// misc
@import "styles/edge/misc";
@import "styles/edge/bryntum-overrides/forms";
// Components
@import "styles/edge/components/gantt";
@import "styles/edge/components/gantttoolbar";
@import "styles/edge/components/pdfexport";
@import "styles/edge/components/projectselector";
@import "styles/edge/components/search";
@import "styles/edge/components/sidebar";
@import "styles/edge/components/timerangesindicators";
@import "styles/edge/base/typography";
@import "styles/edge/components/filters";
@import "styles/edge/components/utilitytoolbar";
body {
--bryntum-theme-info : {"name":"ProRegularStockholm"};
font-family: $edge-base-font;
font-size: $edge-standard;
color: $edge-black;
}
h1, h2, h3, h4, h5, h6 {
font-family: $edge-base-font;
}
.edge-shift-right {
margin-left: auto;
}
it seems like the path is broken?