diff --git a/themes/soe_basic/dist/css/base.css b/themes/soe_basic/dist/css/base.css
index 31175952..8c01e500 100644
--- a/themes/soe_basic/dist/css/base.css
+++ b/themes/soe_basic/dist/css/base.css
@@ -1 +1 @@
-.su-link--action{color:#b1040e}.su-link--action:after{background-color:#b1040e}a.su-link--external{text-decoration:inherit}.su-link:hover{text-decoration:underline}.stanford-image-cta [data-extlink]:after{display:none}.su-local-footer .mailto{text-decoration:none}.su-local-footer .mailto svg{fill:#b1040e}.su-local-footer .mailto:focus,.su-local-footer .mailto:hover{text-decoration:underline}.su-local-footer .mailto:focus svg,.su-local-footer .mailto:hover svg{fill:#2e2d29}.soe-sans{font-family:Source Sans\ 3,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif}.soe--type-5,.su-type-a,.su-wysiwyg-text p.su-callout-text,.su-wysiwyg-text p.su-font-splash,h1{font-family:Source Sans\ 3,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:900}.soe--type-5,.su-type-a,h1{font-size:3.05176em}.soe--type-4,.su-type-b{font-size:2.44141em}.soe--type-3,.soe--type-4,.su-type-b,.su-type-c,h2{font-family:Source Sans\ 3,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:900}.soe--type-3,.su-type-c,h2{font-size:1.95312em}.soe--type-2,.su-type-d,h3{font-size:1.5625em}.soe--type-1,.soe--type-2,.su-type-d,.su-type-e,h3,h4{font-family:Source Sans\ 3,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:900}.soe--type-1,.su-type-e,h4{font-size:1.25em}.soe--type-0,.su-type-f,h5{font-size:1em}.soe--type-0,.su-type-f,.su-wysiwyg-text h2,h5{font-family:Source Sans\ 3,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:900}.su-wysiwyg-text h2{font-size:1.95312em}.su-wysiwyg-text h3{font-size:1.5625em}.su-wysiwyg-text h3,.su-wysiwyg-text h4{font-family:Source Sans\ 3,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:900}.su-wysiwyg-text h4{font-size:1.25em}.su-wysiwyg-text h5{font-size:1em}.su-drop-cap:first-letter,.su-wysiwyg-text h5,h1,h2,h3,h4,h5,h6{font-family:Source Sans\ 3,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:900}.su-local-footer .su-local-footer__action-links a{font-weight:700}.su-local-footer .su-local-footer__action-links a:focus,.su-local-footer .su-local-footer__action-links a:hover{text-decoration:underline}.su-local-footer a{color:#b1040e}.su-local-footer a:after{background-color:#b1040e}.su-local-footer a:after:focus,.su-local-footer a:after:hover{background-color:#2e2d29;text-decoration:underline}.su-local-footer a:focus,.su-local-footer a:hover{color:#2e2d29}.su-local-footer .su-local-footer__list-heading{font-weight:700}@media only screen and (min-width:992px) and (min-width:0){.su-local-footer .su-local-footer__header .su-med-logo{padding-top:5.12rem}}@media only screen and (min-width:992px) and (min-width:768px){.su-local-footer .su-local-footer__header .su-med-logo{padding-top:5.76rem}}@media only screen and (min-width:992px) and (min-width:1500px){.su-local-footer .su-local-footer__header .su-med-logo{padding-top:6.08rem}}.su-local-footer .su-lockup--option-a .su-lockup__line1{font-weight:600}
\ No newline at end of file
+.su-link--action{color:#b1040e}.su-link--action:after{background-color:#b1040e}a.su-link--external{text-decoration:inherit}.su-link:hover{text-decoration:underline}.stanford-image-cta [data-extlink]:after{display:none}.su-local-footer .mailto{text-decoration:none}.su-local-footer .mailto svg{fill:#b1040e}.su-local-footer .mailto:focus,.su-local-footer .mailto:hover{text-decoration:underline}.su-local-footer .mailto:focus svg,.su-local-footer .mailto:hover svg{fill:#2e2d29}.soe--type-5,.su-type-a,.su-wysiwyg-text p.su-callout-text,.su-wysiwyg-text p.su-font-splash,h1{font-family:Source Sans\ 3,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:900}.soe--type-5,.su-type-a,h1{font-size:3.05176em}.soe--type-4,.su-type-b{font-size:2.44141em}.soe--type-3,.soe--type-4,.su-type-b,.su-type-c,h2{font-family:Source Sans\ 3,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:900}.soe--type-3,.su-type-c,h2{font-size:1.95312em}.soe--type-2,.su-type-d,h3{font-size:1.5625em}.soe--type-1,.soe--type-2,.su-type-d,.su-type-e,h3,h4{font-family:Source Sans\ 3,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:900}.soe--type-1,.su-type-e,h4{font-size:1.25em}.soe--type-0,.su-type-f,h5{font-size:1em}.soe--type-0,.su-type-f,.su-wysiwyg-text h2,h5{font-family:Source Sans\ 3,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:900}.su-wysiwyg-text h2{font-size:1.95312em}.su-wysiwyg-text h3{font-size:1.5625em}.su-wysiwyg-text h3,.su-wysiwyg-text h4{font-family:Source Sans\ 3,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:900}.su-wysiwyg-text h4{font-size:1.25em}.su-wysiwyg-text h5{font-size:1em}.su-drop-cap:first-letter,.su-wysiwyg-text h5,h1,h2,h3,h4,h5,h6{font-family:Source Sans\ 3,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:900}.su-local-footer .su-local-footer__action-links a{font-weight:700}.su-local-footer .su-local-footer__action-links a:focus,.su-local-footer .su-local-footer__action-links a:hover{text-decoration:underline}.su-local-footer a{color:#b1040e}.su-local-footer a:after{background-color:#b1040e}.su-local-footer a:after:focus,.su-local-footer a:after:hover{background-color:#2e2d29;text-decoration:underline}.su-local-footer a:focus,.su-local-footer a:hover{color:#2e2d29}.su-local-footer .su-local-footer__list-heading{font-weight:700}@media only screen and (min-width:992px) and (min-width:0){.su-local-footer .su-local-footer__header .su-med-logo{padding-top:5.12rem}}@media only screen and (min-width:992px) and (min-width:768px){.su-local-footer .su-local-footer__header .su-med-logo{padding-top:5.76rem}}@media only screen and (min-width:992px) and (min-width:1500px){.su-local-footer .su-local-footer__header .su-med-logo{padding-top:6.08rem}}.su-local-footer .su-lockup--option-a .su-lockup__line1{font-weight:600}
\ No newline at end of file
diff --git a/themes/soe_basic/package.json b/themes/soe_basic/package.json
index 0b9c8b3b..e005df3e 100644
--- a/themes/soe_basic/package.json
+++ b/themes/soe_basic/package.json
@@ -26,6 +26,7 @@
     "mini-css-extract-plugin": "^2.7.6",
     "node-sass": "^9.0.0",
     "optimize-css-assets-webpack-plugin": "^6.0.1",
+    "postcss": "^8.4",
     "postcss-loader": "^7.3.2",
     "postcss-preset-env": "^9.1.4",
     "sass-loader": "^13.3.1",
diff --git a/themes/soe_basic/src/scss/utilities/mixins/typography/_soe-sans-mixins.scss b/themes/soe_basic/src/scss/utilities/mixins/typography/_soe-sans-mixins.scss
index 7267d9b7..cea9ef71 100644
--- a/themes/soe_basic/src/scss/utilities/mixins/typography/_soe-sans-mixins.scss
+++ b/themes/soe_basic/src/scss/utilities/mixins/typography/_soe-sans-mixins.scss
@@ -3,7 +3,7 @@
 $soe-font--sans: "Source Sans 3", Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
 
 @mixin soe-sans {
-  font-family: $soe-font--sans;
+  $soe-font--sans: $su-font-sans;
 }
 
 // Note that the main difference with basic styles is font family & font-weight
diff --git a/themes/soe_basic/yarn.lock b/themes/soe_basic/yarn.lock
index 379bc6db..75a8177e 100644
--- a/themes/soe_basic/yarn.lock
+++ b/themes/soe_basic/yarn.lock
@@ -4172,7 +4172,7 @@ postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
   resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@^8.2.1:
+postcss@^8.2.1, postcss@^8.4:
   version "8.4.31"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.31.tgz#92b451050a9f914da6755af352bdc0192508656d"
   integrity sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==