Assets: Fix asset bundling & paths (#3137)

Author: pglombardo

app/assets/stylesheets/application.bootstrap.scss

@@ -7,7 +7,9 @@ $color-mode-type: media-query;
 
 @use 'bootstrap/scss/bootstrap';
 @use 'bootstrap-icons/font/bootstrap-icons';
-@use "flag-icons/css/flag-icons.min.css";
+
+$fi-path: "/flags" !default;
+@use "flag-icons/sass/flag-icons";
 
 /* Import the selected theme - to be setup before build */
 @use "themes/selected";

config/initializers/assets.rb

@@ -6,18 +6,9 @@
 Rails.application.config.assets.version = "1.0"
 
 # Add additional assets to the asset load path.
-Rails.application.config.assets.paths << Rails.root.join("vendor/stylesheets")
-Rails.application.config.assets.paths << Rails.root.join("vendor/stylesheets/@fontsource/roboto/files")
-Rails.application.config.assets.paths << Rails.root.join("vendor/stylesheets/@fontsource/roboto-slab/files")
-Rails.application.config.assets.paths << Rails.root.join("vendor/stylesheets/@fontsource/roboto-mono/files")
-
 Rails.application.config.assets.paths << Rails.root.join("node_modules/bootstrap-icons")
 Rails.application.config.assets.paths << Rails.root.join("node_modules/bootstrap-icons/font")
 
-Rails.application.config.assets.paths << Rails.root.join("node_modules/flag-icons")
-Rails.application.config.assets.paths << Rails.root.join("node_modules/flag-icons/css")
-Rails.application.config.assets.paths << Rails.root.join("node_modules/flag-icons/flags")
-
 # Precompile additional assets.
 # application.js, application.css, and all non-JS/CSS in the app/assets
 # folder are already added.

package.json

@@ -2,6 +2,9 @@
   "name": "PasswordPusher",
   "private": true,
   "dependencies": {
+    "@fontsource/roboto": "^5.1.1",
+    "@fontsource/roboto-mono": "^5.1.1",
+    "@fontsource/roboto-slab": "^5.1.1",
     "@hotwired/stimulus": "^3.2.1",
     "@hotwired/turbo-rails": "^8.0.3",
     "@popperjs/core": "^2.11.8",