Merge pull request #6841 from FlowFuse/6840-tour-styles-fix

Fix tour styling

Author: Steve-Mcl

frontend/src/tours/Tours.js

@@ -6,11 +6,16 @@ import Product from '../services/product.js'
 
 // eslint-disable-next-line n/no-extraneous-import
 import 'shepherd.js/dist/css/shepherd.css'
-import './tour-theme.scss'
 
 import store from '../store/index.js'
 
 function create (id, tourJson, onCloseHook) {
+    // Load tour styles at point-of-use
+    // NOTE: Due to sass loader settings, a static import does not work since there are no explicit
+    //       references to the styles in the codebase.  This dynamic import ensures the styles are
+    //       included in the build and applied when the tour is used.
+    import('./tour-theme.scss').catch(() => {})
+
     store.dispatch('ux/tours/activateTour', id)
     Product.capture('ff-tour-start', {
         tour_id: id