Merge pull request #3024 from alphagov/migrate-to-dart-sass

Migrate to Dart Sass

.gitignore

@@ -18,6 +18,9 @@
 /npm-debug.log
 
 /public/assets
+/app/assets/builds/*
+!/app/assets/builds/.keep
+
 .byebug_history
 
 /coverage

Gemfile

@@ -4,6 +4,7 @@ gem "rails", "7.1.3"
 
 gem "aws-sdk-s3"
 gem "bootsnap", require: false
+gem "dartsass-rails"
 gem "gds-api-adapters"
 gem "gds-sso"
 gem "govspeak"
@@ -22,7 +23,6 @@ gem "plek"
 gem "rinku"
 gem "rubyzip", require: "zip"
 gem "sanitize"
-gem "sassc-rails"
 gem "sentry-sidekiq"
 gem "sidekiq-scheduler"
 gem "sprockets-rails"

Gemfile.lock

@@ -119,6 +119,9 @@ GEM
     crack (0.4.5)
       rexml
     crass (1.0.6)
+    dartsass-rails (0.5.0)
+      railties (>= 6.0.0)
+      sass-embedded (~> 1.63)
     date (3.3.4)
     diff-lcs (1.5.0)
     docile (1.4.0)
@@ -666,14 +669,15 @@ GEM
     sanitize (6.1.0)
       crass (~> 1.0.2)
       nokogiri (>= 1.12.0)
-    sassc (2.4.0)
-      ffi (~> 1.9)
-    sassc-rails (2.1.2)
-      railties (>= 4.0.0)
-      sassc (>= 2.0)
-      sprockets (> 3.0)
-      sprockets-rails
-      tilt
+    sass-embedded (1.70.0)
+      google-protobuf (~> 3.25)
+      rake (>= 13.0.0)
+    sass-embedded (1.70.0-aarch64-linux-gnu)
+      google-protobuf (~> 3.25)
+    sass-embedded (1.70.0-arm64-darwin)
+      google-protobuf (~> 3.25)
+    sass-embedded (1.70.0-x86_64-linux-gnu)
+      google-protobuf (~> 3.25)
     selenium-webdriver (4.16.0)
       rexml (~> 3.2, >= 3.2.5)
       rubyzip (>= 1.2.2, < 3.0)
@@ -754,6 +758,7 @@ DEPENDENCIES
   brakeman
   byebug
   climate_control
+  dartsass-rails
   factory_bot_rails
   gds-api-adapters
   gds-sso
@@ -781,7 +786,6 @@ DEPENDENCIES
   rubocop-govuk
   rubyzip
   sanitize
-  sassc-rails
   sentry-sidekiq
   sidekiq-scheduler
   simplecov

app/assets/config/manifest.js

@@ -1,3 +1,3 @@
 //= link_tree ../images
-//= link_directory ../stylesheets .css
+//= link_tree ../builds
 //= link application.js

config/application.rb

@@ -13,6 +13,7 @@
 require "action_view/railtie"
 # require "action_cable/engine"
 require "rails/test_unit/railtie"
+require "sprockets/railtie"
 
 # Require the gems listed in Gemfile, including any gems
 # you've limited to :test, :development, or :production.

config/initializers/dartsass.rb

@@ -0,0 +1,8 @@
+APP_STYLESHEETS = {
+  "application.scss" => "application.css",
+}.freeze
+
+all_stylesheets = APP_STYLESHEETS.merge(GovukPublishingComponents::Config.all_stylesheets)
+Rails.application.config.dartsass.builds = all_stylesheets
+
+Rails.application.config.dartsass.build_options << " --quiet-deps"