Merge pull request #1545 from nhsuk/dependabot/npm_and_yarn/build-ea47a8fa3a

Bump the build group with 6 updates

Author: colinrotherham

.github/workflows/pull-request.yml

@@ -153,7 +153,6 @@ jobs:
     # Run existing "Sass" workflow
     # (after build has been cached)
     uses: ./.github/workflows/sass.yml
-    secrets: inherit
 
   regression:
     name: Visual regression tests

package-lock.json

@@ -53,7 +53,7 @@
     "test:visual:cli": "concurrently \"npm start --workspace @nhsuk/frontend-review\" \"wait-on --config wait-on.config.js && backstop --color --config backstop.config.js {@}\" --kill-others --passthrough-arguments --prefix none --success first"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.0",
+    "@babel/core": "^7.28.3",
     "@nhsuk/frontend-config": "*",
     "@nhsuk/frontend-helpers": "*",
     "@nhsuk/frontend-lib": "*",

package.json

@@ -52,15 +52,15 @@
     "start": "npm run watch"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.28.0",
+    "@babel/preset-env": "^7.28.3",
     "@nhsuk/frontend-config": "*",
     "@nhsuk/frontend-helpers": "*",
     "@nhsuk/frontend-lib": "*",
     "@nhsuk/frontend-tasks": "*",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/user-event": "^14.6.1",
     "autoprefixer": "^10.4.21",
-    "cssnano": "^7.1.0",
+    "cssnano": "^7.1.1",
     "del-cli": "^6.0.0",
     "gulp": "^5.0.1",
     "gulp-zip": "^6.1.0",
@@ -69,7 +69,7 @@
     "postcss": "^8.5.6",
     "postcss-scss": "^4.0.9",
     "puppeteer": "^24.16.2",
-    "sass-embedded": "^1.90.0"
+    "sass-embedded": "^1.91.0"
   },
   "engines": {
     "node": "^20.9.0 || ^22.11.0"

packages/nhsuk-frontend/package.json

@@ -1,9 +1,10 @@
+import { outdent } from 'outdent'
 import { compileStringAsync } from 'sass-embedded'
 
 describe('Components', () => {
   describe('importing using index file', () => {
     it('forwards all components', async () => {
-      const sass = `
+      const sass = outdent`
         @forward "components";
       `
 
@@ -17,7 +18,7 @@ describe('Components', () => {
 
   describe('importing using legacy paths', () => {
     it('forwards all components', async () => {
-      const sass = `
+      const sass = outdent`
         @forward "components/action-link/action-link";
         @forward "components/back-link/back-link";
         @forward "components/breadcrumb/breadcrumb";

packages/nhsuk-frontend/src/nhsuk/components/components.unit.test.mjs

@@ -88,7 +88,7 @@ describe('Core', () => {
     `
 
     it('forwards core styles', async () => {
-      const sass = `
+      const sass = outdent`
         @forward "core";
       `
 
@@ -112,7 +112,7 @@ describe('Core', () => {
     })
 
     it('forwards core styles (with settings)', async () => {
-      const sass = `
+      const sass = outdent`
         @forward "core" with (
           $nhsuk-breakpoints: (
             mobile: 110px,
@@ -153,7 +153,7 @@ describe('Core', () => {
 
   describe('importing using "all" files', () => {
     it('outputs a warning when importing the core "all" file', async () => {
-      const sass = `
+      const sass = outdent`
         @forward "core/all";
       `
 
@@ -169,7 +169,7 @@ describe('Core', () => {
     })
 
     it('outputs a warning for each layer that has an "all" file', async () => {
-      const sass = `
+      const sass = outdent`
         @forward "core/settings/all";
         @forward "core/tools/all";
       `

packages/nhsuk-frontend/src/nhsuk/core/core.unit.test.mjs

@@ -2,15 +2,15 @@ import { outdent } from 'outdent'
 import { compileStringAsync } from 'sass-embedded'
 
 describe('Colour helpers', () => {
-  const sassModules = `
+  const sassModules = outdent`
     @use "core/helpers" as *;
   `
 
   describe('@function nhsuk-colour', () => {
     let sassBootstrap = ''
 
     beforeEach(() => {
-      sassBootstrap = `
+      sassBootstrap = outdent`
         @use "core/settings/colours-palette" as * with (
           $nhsuk-colours: (
             "red": #ff0000,
@@ -24,7 +24,7 @@ describe('Colour helpers', () => {
     })
 
     it('returns a colour from the colour palette', async () => {
-      const sass = `
+      const sass = outdent`
         ${sassBootstrap}
 
         .foo {
@@ -46,7 +46,7 @@ describe('Colour helpers', () => {
     })
 
     it('works with unquoted strings', async () => {
-      const sass = `
+      const sass = outdent`
         ${sassBootstrap}
 
         .foo {
@@ -68,7 +68,7 @@ describe('Colour helpers', () => {
     })
 
     it('throws an error if a non-existent colour is requested', async () => {
-      const sass = `
+      const sass = outdent`
         ${sassBootstrap}
 
         .foo {

packages/nhsuk-frontend/src/nhsuk/core/helpers/colour.unit.test.mjs

@@ -2,14 +2,14 @@ import { outdent } from 'outdent'
 import { compileStringAsync } from 'sass-embedded'
 
 describe('Page width container', () => {
-  const sassBootstrap = `
+  const sassModules = outdent`
     @use "core/objects/width-container" as *;
   `
 
   describe('@mixin nhsuk-width-container', () => {
     it('allows different widths to be specified using $width', async () => {
-      const sass = `
-        ${sassBootstrap}
+      const sass = outdent`
+        ${sassModules}
 
         .app-width-container--wide {
           @include nhsuk-width-container(1200px);

packages/nhsuk-frontend/src/nhsuk/core/objects/width-container.unit.test.mjs

@@ -2,7 +2,11 @@ import { outdent } from 'outdent'
 import { compileStringAsync } from 'sass-embedded'
 
 describe('Spacing settings', () => {
-  const sassBootstrap = `
+  const sassModules = outdent`
+    @use "core/tools/spacing" as *;
+  `
+
+  const sassBootstrap = outdent`
     $spacing-point: 2;
 
     @use "core/settings/breakpoints" as * with (
@@ -24,12 +28,12 @@ describe('Spacing settings', () => {
       )
     );
 
-    @use "core/tools/spacing" as *;
+    ${sassModules}
   `
 
   describe('@function nhsuk-spacing', () => {
     it('returns CSS for a property based on the given spacing point', async () => {
-      const sass = `
+      const sass = outdent`
         ${sassBootstrap}
 
         .foo {
@@ -51,7 +55,7 @@ describe('Spacing settings', () => {
     })
 
     it('returns CSS for a property based on a negative spacing point', async () => {
-      const sass = `
+      const sass = outdent`
         ${sassBootstrap}
 
         .foo {
@@ -73,7 +77,7 @@ describe('Spacing settings', () => {
     })
 
     it('throws an error when passed anything other than a number', async () => {
-      const sass = `
+      const sass = outdent`
         ${sassBootstrap}
 
         .foo {
@@ -91,7 +95,7 @@ describe('Spacing settings', () => {
     })
 
     it('throws an error when passed a non-existent point', async () => {
-      const sass = `
+      const sass = outdent`
         ${sassBootstrap}
 
         .foo {
@@ -109,7 +113,7 @@ describe('Spacing settings', () => {
     })
 
     it('throws an error when passed a non-existent negative point', async () => {
-      const sass = `
+      const sass = outdent`
         ${sassBootstrap}
 
         .foo {
@@ -127,7 +131,7 @@ describe('Spacing settings', () => {
     })
 
     it('handles negative zero', async () => {
-      const sass = `
+      const sass = outdent`
         ${sassBootstrap}
 
         .foo {
@@ -151,7 +155,7 @@ describe('Spacing settings', () => {
 
   describe('@mixin nhsuk-responsive-spacing', () => {
     it('outputs CSS for a property based on the given spacing map', async () => {
-      const sass = `
+      const sass = outdent`
         ${sassBootstrap}
 
         .foo {
@@ -178,7 +182,7 @@ describe('Spacing settings', () => {
     })
 
     it('outputs CSS for a property and direction based on the spacing map', async () => {
-      const sass = `
+      const sass = outdent`
         ${sassBootstrap}
 
         .foo {
@@ -205,7 +209,7 @@ describe('Spacing settings', () => {
     })
 
     it('throws an exception when passed a non-existent point', async () => {
-      const sass = `
+      const sass = outdent`
         ${sassBootstrap}
 
         .foo {
@@ -224,7 +228,7 @@ describe('Spacing settings', () => {
 
     describe('when $important is set to true', () => {
       it('marks the rule as important for the property', async () => {
-        const sass = `
+        const sass = outdent`
           ${sassBootstrap}
 
           .foo {
@@ -255,7 +259,7 @@ describe('Spacing settings', () => {
       })
 
       it('marks the rule as important for the property and direction', async () => {
-        const sass = `
+        const sass = outdent`
           ${sassBootstrap}
 
           .foo {
@@ -289,7 +293,7 @@ describe('Spacing settings', () => {
 
     describe('when an adjustment is provided', () => {
       it('adjusts the value for the property', async () => {
-        const sass = `
+        const sass = outdent`
           ${sassBootstrap}
 
           .foo {
@@ -320,7 +324,7 @@ describe('Spacing settings', () => {
       })
 
       it('adjusts the value for the property and direction', async () => {
-        const sass = `
+        const sass = outdent`
           ${sassBootstrap}
 
           .foo {
@@ -355,7 +359,7 @@ describe('Spacing settings', () => {
 
   describe('@mixin nhsuk-responsive-margin', () => {
     it('outputs simple responsive margins', async () => {
-      const sass = `
+      const sass = outdent`
           ${sassBootstrap}
 
           .foo {
@@ -382,7 +386,7 @@ describe('Spacing settings', () => {
     })
 
     it('outputs extreme responsive margins', async () => {
-      const sass = `
+      const sass = outdent`
           ${sassBootstrap}
 
           .foo {
@@ -416,7 +420,7 @@ describe('Spacing settings', () => {
 
   describe('@mixin nhsuk-responsive-padding', () => {
     it('outputs simple responsive padding', async () => {
-      const sass = `
+      const sass = outdent`
           ${sassBootstrap}
 
           .foo {
@@ -443,7 +447,7 @@ describe('Spacing settings', () => {
     })
 
     it('outputs extreme responsive padding', async () => {
-      const sass = `
+      const sass = outdent`
           ${sassBootstrap}
 
           .foo {

packages/nhsuk-frontend/src/nhsuk/core/settings/spacing.unit.test.mjs

@@ -1,7 +1,8 @@
+import { outdent } from 'outdent'
 import { compileStringAsync, sassNull } from 'sass-embedded'
 
 describe('Warnings settings', () => {
-  const sassModules = `
+  const sassModules = outdent`
     @use "sass:list";
     @use "core/settings/warnings" as *;
   `
@@ -16,7 +17,7 @@ describe('Warnings settings', () => {
   })
 
   it('Fires a @warn with the message plus the key suffix text', async () => {
-    const sass = `
+    const sass = outdent`
       ${sassModules}
 
       @include nhsuk-warning('test', 'This is a warning.');
@@ -37,7 +38,7 @@ describe('Warnings settings', () => {
   })
 
   it('Only fires one @warn per warning key', async () => {
-    const sass = `
+    const sass = outdent`
       ${sassModules}
 
       @include nhsuk-warning('test', 'This is a warning.');
@@ -55,7 +56,7 @@ describe('Warnings settings', () => {
   })
 
   it('fires every @warn if $silence-further-warnings is false', async () => {
-    const sass = `
+    const sass = outdent`
       ${sassModules}
 
       @include nhsuk-warning('test', 'This is a warning.', $silence-further-warnings: false);
@@ -71,7 +72,7 @@ describe('Warnings settings', () => {
   })
 
   it('Does not fire a @warn if the key is already in $nhsuk-suppressed-warnings', async () => {
-    const sass = `
+    const sass = outdent`
       ${sassModules}
 
       $nhsuk-suppressed-warnings: list.append($nhsuk-suppressed-warnings, 'test');