$ npx gulp compile
[08:00:52] Using gulpfile C:\inetpub\wwwroot\c360\web\themes\custom\civil_rights\gulpfile.js
[08:00:52] Starting 'compile'...
[08:00:52] Starting 'logVersion'...
uswds.version: 3
[08:00:52] Finished 'logVersion' after 944 μs
[08:00:52] Starting 'buildSass'...
Compiling with USWDS 3.8.0
[08:00:52] Starting 'buildSprite'...
[08:00:52] Finished 'buildSprite' after 11 ms
[08:00:52] Starting 'renameSprite'...
[08:00:52] Finished 'renameSprite' after 3.69 ms
[08:00:52] Starting 'cleanSprite'...
[08:00:52] Finished 'cleanSprite' after 5.92 ms
Warning:

--------------------------------------------------------------------
✉ USWDS Notifications
--------------------------------------------------------------------
3.0.0
- Settings: We deprecated the $output-all-utilities setting.
  Control utility output with $output-these-utilities.
  See designsystem.digital.gov/documentation/settings for more.

--------------------------------------------------------------------
3.1.0
- Accessibility: We added `type='button'` to all buttons that
  do not submit a form. All your non-form project buttons will
  need `type='button'`.
- Accessibility: We updated the markup in the usa-password package
  to use a <button> element instead of an anchor element.
- Accessibility: Elements that get `aria-disabled` instead of
  `disabled` are now styled as disabled.
- Compatibility: We're using some CSS selectors not supported
  by IE11.
- Deprecated: We deprecated the embed-container() mixin.
- Display: We removed the outline circle from social media icons.
- Settings: We changed the default value of $theme-hero-image.
  Teams that use the default image (hero.png) will need to get the
  new image (hero.jpg) from the distribution package.
--------------------------------------------------------------------
3.2.0
- Accessibility: We changed `div.usa-identifier__identity` to
  `section.usa-identifier__identity` (we changed the div to a
  section) so the ARIA label is associated with an non-div element.
- Accessibility: We updated the aria-label in English versions of
  section.usa-banner to 'Official website of the United States
  government' to reduce ambiguity in screen reader vocalizations.
  Previously, 'An official' could be misunderstood as 'unofficial'.
- Accessibility: We added `aria-hidden='true'` to the parent div
  of `p.usa-banner__header-text` in usa-banner. We also
  removed `aria-hidden='true'` from `p.usa-banner__header-action`.
  Together these assure that the proper elements are read in the
  banner.
- Accessibility: In the lock icon SVG in usa-banner, we changed the
  value of aria-labelledby to
  `aria-labelledby='banner-lock-description'` and updated the value
  of desc#banner-lock-description to `'Locked padlock'` to simplify
  the vocalization.
- Accessibility: We added `aria-hidden='true' to
  `img.usa-banner__header-flag` in usa-banner since this is a
  decorative image.
--------------------------------------------------------------------
3.4.0
- Compatibility: We no longer include ttf and woff fonts in our
  @font-face rules. If you need these files for IEll compatibility,
  add `$theme-font-browser-compatibility: true` to your project
  settings.
--------------------------------------------------------------------
3.5.0
- Sass: Removed `usa-prose-` mixins and placeholders from Sass.
  This is a breaking change only if your project Sass uses
  `usa-prose-` mixins and placeholders. Users should instead use
  `typeset-` mixins in their place.
- Settings: Now adjusting a single Sass map setting will no
  longer set all other values in the map to `false`. Users can
  now update only the map values they wish to change. This is a
  breaking change only if your project deactivated mapped
  settings by not declaring them.
- Accessibility: [form controls] We improved the consistency and
  visibility of disabled styles. Teams should check disabled form
  elements to assure that the new styles are working in their
  layouts.
- Accessibility: [usa-pagination] Replace the
  `role="presentation"` with `aria-label="ellipsis indicating
  non-visible pages" in `usa-pagination__overflow` items.
- Accessibility: [usa-card] Use link elements in
  any card component for calls to action instead of buttons. Use
  `<a href="#" class="usa-button"></a>` for these
  call-to-action links.
- Content: [usa-identifier] We updated the accessibility statement
  link text. Use the text "Accessibility statement" (EN)
  or "Declaración de accesibilidad" (ES) for the required
  link to an accessibility statement.
- Guidance [usa-link]: We now suggest using the `rel="noreferrer"`
  property on external links. This prevents the browser from leaking
  information about the original web address.
- Guidance [usa-form]: We now suggest identifying both required
  and optional fields in forms. Label required fields with a red
  asterisk and optional fields with the word "optional".
--------------------------------------------------------------------
3.6.0
- Settings: This release updates USWDS disabled color settings
  and tokens to conform to our standard naming convention.
  If your project configures disabled color settings
  or uses disabled color tokens, you probably need to update your
  code. Details: github.com/uswds/uswds/releases/tag/v3.6.0
--------------------------------------------------------------------
3.7.0
Release notes: github.com/uswds/uswds/releases/tag/v3.7.0

- Accessibility: [usa-identifier] We updated the markup to improve
  how screen readers read the phrase 'An official'.
- Accessibility: [usa-range] We updated the markup to remove
  redundant ARIA attributes and improve the screen reader experience.
- Accessibility: [usa-range] We added optional data attributes that
  allow adding units to screen reader output.
--------------------------------------------------------------------
3.8.0
Release notes: github.com/uswds/uswds/releases/tag/v3.8.0

- Accessibility: [usa-layout-docs__sidenav] BREAKING: By default, we
  no longer support using CSS to reorder the sidenav position at mobile
  widths. We suggest that teams update their sidenav markup to better
  support tab order at mobile widths. See the release notes for more
  details on how to do this.

  To temporarily support the old CSS order functionality,
  set `$theme-sidenav-reorder: true` in your project settings.
- Settings: We added `$theme-sidenav-reorder`. When `true` this setting
  uses CSS to reorder the sidenav to follow the page text at mobile widths.
  This setting can introduce usability issues, so we suggest that teams
  update their sidenav markup instead. See the release notes for more detail.


--------------------------------------------------------------------
These are notifications from the USWDS team, not necessarily a
problem with your code.

Disable notifications using `$theme-show-notifications: false`.
--------------------------------------------------------------------

    node_modules\@uswds\uswds\packages\uswds-core\src\styles\_notifications.scss 147:3  @forward
    node_modules\@uswds\uswds\packages\uswds-core\src\styles\_index.scss 8:1            @forward
    _index.scss 1:1                                                                     @use
    sass\style.scss 12:1                                                                root stylesheet

[08:01:01] Finished 'buildSass' after 9.01 s
[08:01:01] Finished 'compile' after 9.02 s