diff --git a/.gitignore b/.gitignore
index 73ada7f4c7d..efcb4365403 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,7 +7,6 @@
 .generators
 *.pyc
 *.rbc
-*.sassc
 **.orig
 .bundle
 .byebug_history
diff --git a/Gemfile b/Gemfile
index 9cbb44f0a69..a4e3b0438af 100644
--- a/Gemfile
+++ b/Gemfile
@@ -44,6 +44,7 @@ gem 'pg'
 gem 'phonelib'
 gem 'premailer-rails', '>= 1.12.0'
 gem 'profanity_filter'
+gem 'propshaft'
 gem 'rack', '>= 2.2.3.1'
 gem 'rack-attack', '>= 6.2.1'
 gem 'rack-cors', '>= 1.0.5', require: 'rack/cors'
@@ -61,7 +62,6 @@ gem 'safe_target_blank', '>= 1.0.2'
 gem 'saml_idp', github: '18F/saml_idp', tag: '0.18.2-18f'
 gem 'scrypt'
 gem 'simple_form', '>= 5.0.2'
-gem 'sprockets-rails'
 gem 'stringex', require: false
 gem 'strong_migrations', '>= 0.4.2'
 gem 'subprocess', require: false
@@ -85,6 +85,7 @@ group :development do
   gem 'guard-rspec', require: false
   gem 'irb'
   gem 'letter_opener', '~> 1.8'
+  gem 'listen'
   gem 'octokit', '>= 4.25.0'
   gem 'rack-mini-profiler', '>= 1.1.3', require: false
   gem 'rails-erd', '>= 1.6.0'
diff --git a/Gemfile.lock b/Gemfile.lock
index ca2dafb71fd..36f61680e8d 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -451,6 +451,11 @@ GEM
       net-smtp
       premailer (~> 1.7, >= 1.7.9)
     profanity_filter (0.1.1)
+    propshaft (0.7.0)
+      actionpack (>= 7.0.0)
+      activesupport (>= 7.0.0)
+      rack
+      railties (>= 7.0.0)
     pry (0.14.1)
       coderay (~> 1.1)
       method_source (~> 1.0)
@@ -635,13 +640,6 @@ GEM
     simpleidn (0.2.1)
       unf (~> 0.1.4)
     smart_properties (1.17.0)
-    sprockets (4.0.2)
-      concurrent-ruby (~> 1.0)
-      rack (> 1, < 3)
-    sprockets-rails (3.4.2)
-      actionpack (>= 5.2)
-      activesupport (>= 5.2)
-      sprockets (>= 3.0.0)
     stringex (2.8.5)
     strong_migrations (0.8.0)
       activerecord (>= 5.2)
@@ -766,6 +764,7 @@ DEPENDENCIES
   jwt
   knapsack
   letter_opener (~> 1.8)
+  listen
   lograge (>= 0.11.2)
   lookbook (~> 1.5.3)
   lru_redux
@@ -781,6 +780,7 @@ DEPENDENCIES
   phonelib
   premailer-rails (>= 1.12.0)
   profanity_filter
+  propshaft
   pry-byebug
   pry-doc
   pry-rails
@@ -819,7 +819,6 @@ DEPENDENCIES
   simplecov (~> 0.21.0)
   simplecov-cobertura
   simplecov_json_formatter
-  sprockets-rails
   stringex
   strong_migrations (>= 0.4.2)
   subprocess
diff --git a/app/assets/config/manifest.js b/app/assets/config/manifest.js
deleted file mode 100644
index 6b147d7d533..00000000000
--- a/app/assets/config/manifest.js
+++ /dev/null
@@ -1,10 +0,0 @@
-//= link_tree ../images
-//= link_tree ../fonts
-
-//= link intl-tel-input/build/css/intlTelInput.css
-//= link intl-tel-input/build/img/flags.png
-//= link intl-tel-input/build/img/flags@2x.png
-
-//= link_tree ../../../node_modules/@18f/identity-design-system/dist/assets/img
-//= link_tree ../../../node_modules/@18f/identity-design-system/dist/assets/fonts
-//= link_tree ../builds
diff --git a/app/assets/stylesheets/_uswds-core.scss b/app/assets/stylesheets/_uswds-core.scss
index 1a1be05c817..656649b41b0 100644
--- a/app/assets/stylesheets/_uswds-core.scss
+++ b/app/assets/stylesheets/_uswds-core.scss
@@ -4,8 +4,8 @@ $render-font-face: false !default;
 
 @forward '@18f/identity-design-system/packages/uswds-core' with (
   $theme-body-font-size: 'sm',
-  $theme-font-path: '.',
-  $theme-image-path: '@18f/identity-design-system/dist/assets/img',
+  $theme-font-path: '',
+  $theme-image-path: '',
   $theme-global-border-box-sizing: true,
   $theme-global-link-styles: true,
   $theme-grid-container-max-width: 'tablet-lg',
diff --git a/app/assets/stylesheets/components/_alert.scss b/app/assets/stylesheets/components/_alert.scss
index 506cafceb76..fc35acaffb5 100644
--- a/app/assets/stylesheets/components/_alert.scss
+++ b/app/assets/stylesheets/components/_alert.scss
@@ -6,7 +6,7 @@
   font-weight: bold;
 
   &::before {
-    background-image: url('alert/info-white.svg');
+    background-image: url('/alert/info-white.svg');
   }
 }
 
diff --git a/app/assets/stylesheets/components/_icon.scss b/app/assets/stylesheets/components/_icon.scss
index 05b22f6a71d..708d8447270 100644
--- a/app/assets/stylesheets/components/_icon.scss
+++ b/app/assets/stylesheets/components/_icon.scss
@@ -28,7 +28,7 @@ $icon-min-padding: 2px;
 
   &-success {
     &::before {
-      background-image: url('alert/success.svg');
+      background-image: url('/alert/success.svg');
       content: '';
       display: block;
       height: $h4;
diff --git a/app/assets/stylesheets/components/_language-picker.scss b/app/assets/stylesheets/components/_language-picker.scss
index e6d14f6823b..5910f030e92 100644
--- a/app/assets/stylesheets/components/_language-picker.scss
+++ b/app/assets/stylesheets/components/_language-picker.scss
@@ -66,10 +66,10 @@
     }
 
     &::after {
-      background-image: url(@18f/identity-design-system/dist/assets/img/angle-arrow-up.svg);
+      background-image: url('/angle-arrow-up.svg');
 
       @include at-media('tablet') {
-        background-image: url(@18f/identity-design-system/dist/assets/img/angle-arrow-up-white.svg);
+        background-image: url('/angle-arrow-up-white.svg');
       }
     }
   }
@@ -79,7 +79,7 @@
     color: color('white');
 
     &::after {
-      background-image: url(@18f/identity-design-system/dist/assets/img/angle-arrow-down-white.svg);
+      background-image: url('/angle-arrow-down-white.svg');
     }
   }
 }
diff --git a/app/assets/stylesheets/components/_list.scss b/app/assets/stylesheets/components/_list.scss
index 5be58d778d2..389920d1e7b 100644
--- a/app/assets/stylesheets/components/_list.scss
+++ b/app/assets/stylesheets/components/_list.scss
@@ -3,7 +3,7 @@
     padding: 1rem 1rem 1rem 0;
 
     &::before {
-      background-image: url('alert/success.svg');
+      background-image: url('/alert/success.svg');
       background-repeat: no-repeat;
       content: '';
       display: inline-block;
diff --git a/app/assets/stylesheets/components/_personal-key.scss b/app/assets/stylesheets/components/_personal-key.scss
index 27d55bc560e..c475e8c922f 100644
--- a/app/assets/stylesheets/components/_personal-key.scss
+++ b/app/assets/stylesheets/components/_personal-key.scss
@@ -2,7 +2,7 @@
 
 .personal-key-block {
   @include u-padding-y(2);
-  background-image: url('personal-key/pkey-block.svg');
+  background-image: url('/personal-key/pkey-block.svg');
   background-position: center;
   background-repeat: no-repeat;
 
@@ -28,7 +28,7 @@
 
 .bg-personal-key {
   height: 145px;
-  background-image: url('personal-key/shield.svg');
+  background-image: url('/personal-key/shield.svg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: 145px 145px;
diff --git a/app/assets/stylesheets/components/_phone-input.scss b/app/assets/stylesheets/components/_phone-input.scss
index 07f0e973b95..b9a1deec9fd 100644
--- a/app/assets/stylesheets/components/_phone-input.scss
+++ b/app/assets/stylesheets/components/_phone-input.scss
@@ -8,11 +8,11 @@ lg-phone-input {
   }
 
   .iti__flag {
-    background-image: url('intl-tel-input/build/img/flags.png');
+    background-image: url('/flags.png');
 
     /* stylelint-disable-next-line media-feature-name-no-vendor-prefix */
     @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
-      background-image: url('intl-tel-input/build/img/flags@2x.png');
+      background-image: url('/flags@2x.png');
     }
   }
 
diff --git a/app/assets/stylesheets/components/_step-indicator.scss b/app/assets/stylesheets/components/_step-indicator.scss
index 95a3835e984..b10b9cb5212 100644
--- a/app/assets/stylesheets/components/_step-indicator.scss
+++ b/app/assets/stylesheets/components/_step-indicator.scss
@@ -109,7 +109,7 @@ lg-step-indicator {
 
 .step-indicator__step--complete::before {
   background-color: color('white');
-  background-image: url('alert/success.svg');
+  background-image: url('/alert/success.svg');
 }
 
 .step-indicator__step:not(:last-child)::after {
diff --git a/app/components/icon_component.rb b/app/components/icon_component.rb
index 7976d647003..f0c679a5955 100644
--- a/app/components/icon_component.rb
+++ b/app/components/icon_component.rb
@@ -1,6 +1,4 @@
 class IconComponent < BaseComponent
-  include AssetHelper
-
   # See: https://github.com/uswds/uswds/tree/develop/src/img/usa-icons
   ICONS = %i[
     accessibility_new
@@ -256,7 +254,7 @@ def initialize(icon:, **tag_options)
   end
 
   def icon_path
-    asset_path([design_system_asset_path('img/sprite.svg'), '#', icon].join, host: asset_host)
+    asset_path([asset_path('sprite.svg'), '#', icon].join, host: asset_host)
   end
 
   private
diff --git a/app/components/phone_input_component.html.erb b/app/components/phone_input_component.html.erb
index 24a495525de..a6d5ce7ecf9 100644
--- a/app/components/phone_input_component.html.erb
+++ b/app/components/phone_input_component.html.erb
@@ -53,4 +53,4 @@
         },
       ) %>
 <% end %>
-<%= stylesheet_link_tag 'intl-tel-input/build/css/intlTelInput' %>
+<%= stylesheet_link_tag 'intlTelInput' %>
diff --git a/app/decorators/service_provider_session_decorator.rb b/app/decorators/service_provider_session_decorator.rb
index 83ad7cce508..d6aeca42be5 100644
--- a/app/decorators/service_provider_session_decorator.rb
+++ b/app/decorators/service_provider_session_decorator.rb
@@ -42,6 +42,8 @@ def s3_logo_url(service_provider)
   def legacy_logo_url
     logo = sp_logo
     ActionController::Base.helpers.image_path("sp-logos/#{logo}")
+  rescue Propshaft::MissingAssetError
+    ''
   end
 
   def new_session_heading
diff --git a/app/helpers/asset_helper.rb b/app/helpers/asset_helper.rb
deleted file mode 100644
index 4a4d013ca9c..00000000000
--- a/app/helpers/asset_helper.rb
+++ /dev/null
@@ -1,7 +0,0 @@
-module AssetHelper
-  DESIGN_SYSTEM_ASSET_ROOT = '@18f/identity-design-system/dist/assets'.freeze
-
-  def design_system_asset_path(path)
-    File.join(DESIGN_SYSTEM_ASSET_ROOT, path)
-  end
-end
diff --git a/app/helpers/script_helper.rb b/app/helpers/script_helper.rb
index 1f7ba137b16..b2da5680250 100644
--- a/app/helpers/script_helper.rb
+++ b/app/helpers/script_helper.rb
@@ -39,7 +39,7 @@ def render_javascript_pack_once_tags(*names)
   private
 
   SAME_ORIGIN_ASSETS = %w[
-    @18f/identity-design-system/dist/assets/img/sprite.svg
+    sprite.svg
   ].to_set.freeze
 
   def local_crossorigin_sources?
diff --git a/app/javascript/packages/components/icon.tsx b/app/javascript/packages/components/icon.tsx
index 5bd6d85083c..a0b57b7e74e 100644
--- a/app/javascript/packages/components/icon.tsx
+++ b/app/javascript/packages/components/icon.tsx
@@ -1,6 +1,6 @@
 import { getAssetPath } from '@18f/identity-assets';
 
-const SPRITE_URL = getAssetPath('@18f/identity-design-system/dist/assets/img/sprite.svg');
+const SPRITE_URL = getAssetPath('sprite.svg');
 
 export type DesignSystemIcon =
   | 'accessibility_new'
diff --git a/app/views/accounts/_unphishable_badge.html.erb b/app/views/accounts/_unphishable_badge.html.erb
index ff2873288ba..d93bdfe0130 100644
--- a/app/views/accounts/_unphishable_badge.html.erb
+++ b/app/views/accounts/_unphishable_badge.html.erb
@@ -1,6 +1,6 @@
 <div class="lg-verification-badge">
   <%= image_tag(
-        design_system_asset_path('img/alerts/unphishable.svg'),
+        asset_path('alerts/unphishable.svg'),
         size: 16,
         class: 'text-middle',
         alt: '',
diff --git a/app/views/accounts/_verified_account_badge.html.erb b/app/views/accounts/_verified_account_badge.html.erb
index f43f4f70768..7a4df1b1628 100644
--- a/app/views/accounts/_verified_account_badge.html.erb
+++ b/app/views/accounts/_verified_account_badge.html.erb
@@ -1,6 +1,6 @@
 <div class="lg-verification-badge">
   <%= image_tag(
-        design_system_asset_path('img/alerts/success.svg'),
+        asset_path('alerts/success.svg'),
         size: 16,
         class: 'text-middle',
         alt: '',
diff --git a/app/views/layouts/base.html.erb b/app/views/layouts/base.html.erb
index ee3319ca9c1..d71a5412a96 100644
--- a/app/views/layouts/base.html.erb
+++ b/app/views/layouts/base.html.erb
@@ -30,25 +30,25 @@
   <%= csrf_meta_tags %>
 
   <%= favicon_link_tag(
-        design_system_asset_path('img/favicons/apple-touch-icon.png'),
+        asset_path('favicons/apple-touch-icon.png'),
         rel: 'apple-touch-icon',
         sizes: '180x180',
         type: 'image/png',
       ) %>
   <%= favicon_link_tag(
-        design_system_asset_path('img/favicons/favicon-40.png'),
+        asset_path('favicons/favicon-40.png'),
         rel: 'icon',
         sizes: '40x40',
         type: 'image/png',
       ) %>
   <%= favicon_link_tag(
-        design_system_asset_path('img/favicons/favicon-16.png'),
+        asset_path('favicons/favicon-16.png'),
         rel: 'icon',
         sizes: '16x16',
         type: 'image/png',
       ) %>
   <%= favicon_link_tag(
-        design_system_asset_path('img/favicons/safari-pinned-tab.svg'),
+        asset_path('favicons/safari-pinned-tab.svg'),
         rel: 'mask-icon',
         color: '#e21c3d',
         type: nil,
diff --git a/app/views/shared/_banner-lock-icon.html.erb b/app/views/shared/_banner-lock-icon.html.erb
index feef6e8ee5a..e4da7888a37 100644
--- a/app/views/shared/_banner-lock-icon.html.erb
+++ b/app/views/shared/_banner-lock-icon.html.erb
@@ -1,5 +1,5 @@
 <%= image_tag(
-      design_system_asset_path('img/lock.svg'),
+      asset_path('lock.svg'),
       width: 9,
       height: 12,
       class: 'usa-banner__lock-image',
diff --git a/config/application.rb b/config/application.rb
index cb186ffee26..c788559fec9 100644
--- a/config/application.rb
+++ b/config/application.rb
@@ -5,7 +5,6 @@
 require 'action_view/railtie'
 require 'action_mailer/railtie'
 require 'rails/test_unit/railtie'
-require 'sprockets/railtie'
 require 'identity/logging/railtie'
 
 require_relative '../lib/asset_sources'
@@ -56,8 +55,6 @@ class Application < Rails::Application
     config.load_defaults '7.0'
     config.active_record.belongs_to_required_by_default = false
     config.active_record.legacy_connection_handling = false
-    config.assets.unknown_asset_fallback = true
-    config.assets.resolve_assets_in_css_urls = true
     config.active_job.queue_adapter = :good_job
 
     FileUtils.mkdir_p(Rails.root.join('log'))
diff --git a/config/environments/development.rb b/config/environments/development.rb
index 1306d3da830..928cceb38fc 100644
--- a/config/environments/development.rb
+++ b/config/environments/development.rb
@@ -4,10 +4,7 @@
   config.consider_all_requests_local = true
   config.active_support.deprecation = :log
   config.active_record.migration_error = :page_load
-  config.assets.debug = true
-  config.assets.digest = true
-  config.assets.gzip = false
-  config.assets.raise_runtime_errors = true
+  config.file_watcher = ActiveSupport::EventedFileUpdateChecker
   config.i18n.raise_on_missing_translations = true
 
   # Raise exceptions for disallowed deprecations.
diff --git a/config/environments/production.rb b/config/environments/production.rb
index 330ac83cb27..a586dd41076 100644
--- a/config/environments/production.rb
+++ b/config/environments/production.rb
@@ -6,14 +6,6 @@
   config.action_controller.perform_caching = true
   config.force_ssl = true
 
-  config.asset_host = proc do |_source, request|
-    # we want precompiled assets to have domain-agnostic URLs
-    # and request is nil during asset precompilation
-    (IdentityConfig.store.asset_host.presence || IdentityConfig.store.domain_name) if request
-  end
-  config.assets.compile = false
-  config.assets.digest = true
-  config.assets.gzip = false
   config.i18n.fallbacks = true
   config.active_support.deprecation = :notify
   config.active_record.dump_schema_after_migration = false
diff --git a/config/environments/test.rb b/config/environments/test.rb
index 7a3bb2b6afa..cc6088fca3c 100644
--- a/config/environments/test.rb
+++ b/config/environments/test.rb
@@ -12,15 +12,12 @@
   config.action_controller.allow_forgery_protection = false
   config.active_support.test_order = :random
   config.active_support.deprecation = :stderr
-  config.assets.gzip = false
   config.i18n.raise_on_missing_translations = true
 
   config.action_mailer.delivery_method = :test
   config.action_mailer.default_url_options = { host: IdentityConfig.store.domain_name }
   config.action_mailer.asset_host = IdentityConfig.store.mailer_domain_name
 
-  config.assets.debug = false
-
   # Raise exceptions for disallowed deprecations.
   config.active_support.disallowed_deprecation = :raise
 
@@ -32,8 +29,6 @@
 
   config.action_controller.asset_host = ENV['RAILS_ASSET_HOST'] if ENV.key?('RAILS_ASSET_HOST')
 
-  config.assets.digest = ENV.key?('RAILS_DISABLE_ASSET_DIGEST') ? false : true
-
   config.middleware.use RackSessionAccess::Middleware
 
   config.after_initialize do
diff --git a/config/initializers/assets.rb b/config/initializers/assets.rb
index cc0cc161230..9d43c2aae76 100644
--- a/config/initializers/assets.rb
+++ b/config/initializers/assets.rb
@@ -5,13 +5,8 @@
 
 # Add additional assets to the asset load path
 Rails.application.config.assets.paths.push(
-  'node_modules',
+  'node_modules/intl-tel-input/build/img',
+  'node_modules/intl-tel-input/build/css',
+  'node_modules/@18f/identity-design-system/dist/assets/img',
   'node_modules/@18f/identity-design-system/dist/assets/fonts',
 )
-
-# Fix sassc sometimes segfaulting
-Rails.application.config.assets.configure do |env|
-  env.export_concurrent = false
-end
-
-Sprockets.export_concurrent = Rails.env.test?
diff --git a/docs/troubleshooting.md b/docs/troubleshooting.md
index b40fcaab89f..0867ca17ede 100644
--- a/docs/troubleshooting.md
+++ b/docs/troubleshooting.md
@@ -85,14 +85,6 @@ Use Control+X to save the file.
 
 Restart your Mac to cause the .plist to take effect. Check the limits again and you should see both `ulimit -n` and `launchctl limit maxfiles` return a limit of 524288.
 
-### Errors related to _sassc_
-
-If you are getting the error:
-```
-LoadError: cannot load such file -- sassc
-```
-Try `make run` for a short time, then use Ctrl+C to kill it
-
 ### Errors relating to OpenSSL versions
 
 If you get this error during test runs:
diff --git a/scripts/artifact-upload b/scripts/artifact-upload
index 10b4c467914..99eae75e51a 100755
--- a/scripts/artifact-upload
+++ b/scripts/artifact-upload
@@ -33,7 +33,7 @@ branch_environments.map do |upload_environment|
   raise 'artifact copy failed' unless status.success?
 
   assets_sync_command = <<-CMD
-    aws s3 sync --size-only --cache-control max-age=31536000 --exclude .sprockets-manifest-*.json public/assets s3://#{static_bucket}/assets
+    aws s3 sync --size-only --cache-control max-age=31536000 --exclude ".manifest.json" public/assets s3://#{static_bucket}/assets
   CMD
   _output, status = Open3.capture2(assets_sync_command)
   raise 'assets sync failed' unless status.success?
diff --git a/spec/helpers/asset_helper_spec.rb b/spec/helpers/asset_helper_spec.rb
deleted file mode 100644
index 3952a2b34f2..00000000000
--- a/spec/helpers/asset_helper_spec.rb
+++ /dev/null
@@ -1,23 +0,0 @@
-require 'rails_helper'
-
-RSpec.describe AssetHelper do
-  include AssetHelper
-
-  describe 'design_system_asset_path' do
-    let(:path) { 'img/example.png' }
-
-    subject(:asset_path) { design_system_asset_path(path) }
-
-    it 'produces an asset path' do
-      expect(asset_path).to eq('@18f/identity-design-system/dist/assets/img/example.png')
-    end
-
-    context 'with leading slash' do
-      let(:path) { '/img/example.png' }
-
-      it 'produces an asset path' do
-        expect(asset_path).to eq('@18f/identity-design-system/dist/assets/img/example.png')
-      end
-    end
-  end
-end
diff --git a/spec/helpers/script_helper_spec.rb b/spec/helpers/script_helper_spec.rb
index f0abd0d6489..5e82355dd38 100644
--- a/spec/helpers/script_helper_spec.rb
+++ b/spec/helpers/script_helper_spec.rb
@@ -32,7 +32,7 @@
         allow(AssetSources).to receive(:get_sources).with('application', 'document-capture').
           and_return(['/application.js', '/document-capture.js'])
         allow(AssetSources).to receive(:get_assets).with('application', 'document-capture').
-          and_return(['clock.svg', '@18f/identity-design-system/dist/assets/img/sprite.svg'])
+          and_return(['clock.svg', 'sprite.svg'])
       end
 
       it 'prints asset paths sources' do
@@ -43,8 +43,7 @@
           visible: :all,
           text: {
             'clock.svg' => 'http://test.host/clock.svg',
-            '@18f/identity-design-system/dist/assets/img/sprite.svg' =>
-              'http://test.host/@18f/identity-design-system/dist/assets/img/sprite.svg',
+            'sprite.svg' => 'http://test.host/sprite.svg',
           }.to_json,
         )
       end
@@ -66,8 +65,7 @@
             visible: :all,
             text: {
               'clock.svg' => 'http://assets.example.com/clock.svg',
-              '@18f/identity-design-system/dist/assets/img/sprite.svg' =>
-                'http://example.com/@18f/identity-design-system/dist/assets/img/sprite.svg',
+              'sprite.svg' => 'http://example.com/sprite.svg',
             }.to_json,
           )
         end