govuk_tech_docs 6.0.1 → 6.2.0

data/node_modules/govuk-frontend/dist/govuk/helpers/_spacing.scss

@@ -1,6 +1,12 @@
 ////
 /// @group helpers/spacing
 ////
+@use "sass:map";
+@use "sass:math";
+@use "sass:meta";
+
+@import "../tools/if";
+@import "../helpers/media-queries";
 
 /// Single point spacing
 ///
@@ -29,7 +35,7 @@
 /// @access public
 
 @function govuk-spacing($spacing-point) {
-  $actual-input-type: type-of($spacing-point);
+  $actual-input-type: meta.type-of($spacing-point);
   @if $actual-input-type != "number" {
     @error "Expected a number (integer), but got a "
       + "#{$actual-input-type}.";
@@ -38,15 +44,15 @@
   $is-negative: false;
   @if $spacing-point < 0 {
     $is-negative: true;
-    $spacing-point: abs($spacing-point);
+    $spacing-point: math.abs($spacing-point);
   }
 
-  @if not map-has-key($govuk-spacing-points, $spacing-point) {
+  @if not map.has-key($govuk-spacing-points, $spacing-point) {
     @error "Unknown spacing variable `#{$spacing-point}`. Make sure you are using a point from the spacing scale in `_settings/spacing.scss`.";
   }
 
-  $value: map-get($govuk-spacing-points, $spacing-point);
-  @return if($is-negative, $value * -1, $value);
+  $value: map.get($govuk-spacing-points, $spacing-point);
+  @return govuk-if($is-negative, $value * -1, $value);
 }
 
 /// Responsive spacing
@@ -75,19 +81,19 @@
   $important: false,
   $adjustment: false
 ) {
-  $actual-input-type: type-of($responsive-spacing-point);
+  $actual-input-type: meta.type-of($responsive-spacing-point);
   @if $actual-input-type != "number" {
     @error "Expected a number (integer), but got a " + "#{$actual-input-type}.";
   }
 
-  @if not map-has-key($govuk-spacing-responsive-scale, $responsive-spacing-point) {
+  @if not map.has-key($govuk-spacing-responsive-scale, $responsive-spacing-point) {
     @error "Unknown spacing point `#{$responsive-spacing-point}`. Make sure you are using a point from the "
       + "responsive spacing scale in `_settings/spacing.scss`.";
   }
 
   // Make sure that the return value from `_settings/spacing.scss` is a map.
-  $scale-map: map-get($govuk-spacing-responsive-scale, $responsive-spacing-point);
-  $actual-map-type: type-of($scale-map);
+  $scale-map: map.get($govuk-spacing-responsive-scale, $responsive-spacing-point);
+  $actual-map-type: meta.type-of($scale-map);
   @if $actual-map-type != "map" {
     @error "Expected a number (integer), but got a "
       + "#{$actual-map-type}. Make sure you are using a map to set the responsive spacing in `_settings/spacing.scss`)";
@@ -102,16 +108,16 @@
     // The 'null' breakpoint is for mobile.
     @if not $breakpoint {
       @if $direction == all {
-        #{$property}: $breakpoint-value if($important, !important, null);
+        #{$property}: $breakpoint-value govuk-if($important, !important);
       } @else {
-        #{$property}-#{$direction}: $breakpoint-value if($important, !important, null);
+        #{$property}-#{$direction}: $breakpoint-value govuk-if($important, !important);
       }
     } @else {
       @media #{govuk-from-breakpoint($breakpoint)} {
         @if $direction == all {
-          #{$property}: $breakpoint-value if($important, !important, null);
+          #{$property}: $breakpoint-value govuk-if($important, !important);
         } @else {
-          #{$property}-#{$direction}: $breakpoint-value if($important, !important, null);
+          #{$property}-#{$direction}: $breakpoint-value govuk-if($important, !important);
         }
       }
     }

data/node_modules/govuk-frontend/dist/govuk/helpers/_typography.scss

@@ -1,8 +1,21 @@
 ////
 /// @group helpers/typography
 ////
-
+@use "sass:map";
+@use "sass:math";
+@use "sass:string";
+
+@import "../settings/assets";
+@import "../settings/colours-functional";
+@import "../settings/spacing";
+@import "../settings/typography-font";
+@import "../settings/warnings";
+@import "../tools/font-url";
 @import "../tools/px-to-rem";
+@import "../tools/if";
+@import "font-faces";
+@import "media-queries";
+@import "spacing";
 
 /// 'Common typography' helper
 ///
@@ -32,14 +45,16 @@
 ///
 /// Sets the text colour, including a suitable override for print.
 ///
+/// @deprecated
 /// @access public
 
 @mixin govuk-text-colour {
-  color: govuk-functional-colour(text);
+  @include _warning(
+    "govuk-text-colour",
+    "The `govuk-text-colour` mixin is deprecated. Use `color: govuk-colour(text)` instead."
+  );
 
-  @media print {
-    color: govuk-functional-colour(print-text);
-  }
+  color: govuk-functional-colour(text);
 }
 
 /// Regular font weight helper
@@ -49,7 +64,7 @@
 /// @access public
 
 @mixin govuk-typography-weight-regular($important: false) {
-  font-weight: $govuk-font-weight-regular if($important, !important, null);
+  font-weight: $govuk-font-weight-regular govuk-if($important, !important);
 }
 
 /// Bold font weight helper
@@ -59,7 +74,7 @@
 /// @access public
 
 @mixin govuk-typography-weight-bold($important: false) {
-  font-weight: $govuk-font-weight-bold if($important, !important, null);
+  font-weight: $govuk-font-weight-bold govuk-if($important, !important);
 }
 
 /// Tabular number helper
@@ -76,7 +91,7 @@
 /// @access public
 
 @mixin govuk-font-tabular-numbers($important: false) {
-  font-variant-numeric: tabular-nums if($important, !important, null);
+  font-variant-numeric: tabular-nums govuk-if($important, !important);
 }
 
 /// Word break helper
@@ -90,10 +105,10 @@
 
 @mixin govuk-text-break-word($important: false) {
   // IE 11 and Edge 16–17 only support the non-standard `word-wrap` property
-  word-wrap: break-word if($important, !important, null);
+  word-wrap: break-word govuk-if($important, !important);
 
   // All other browsers support `overflow-wrap`
-  overflow-wrap: break-word if($important, !important, null);
+  overflow-wrap: break-word govuk-if($important, !important);
 }
 
 /// Convert line-heights specified in pixels into a relative value, unless
@@ -107,8 +122,8 @@
 /// @access private
 
 @function _govuk-line-height($line-height, $font-size) {
-  @if not unitless($line-height) and unit($line-height) == unit($font-size) {
-    $line-height: $line-height / $font-size;
+  @if not math.is-unitless($line-height) and math.unit($line-height) == math.unit($font-size) {
+    $line-height: math.div($line-height, $font-size);
   }
 
   @return $line-height;
@@ -153,21 +168,21 @@
 @mixin govuk-font-size($size, $line-height: false, $important: false) {
   // Flag font sizes that start with underscores so we can suppress warnings on
   // deprecated sizes used internally, for example `govuk-font($size: "_14")`
-  $size-internal-use-only: str-slice(#{$size}, 1, 1) == "_";
+  $size-internal-use-only: string.slice(#{$size}, 1, 1) == "_";
 
   // Remove underscore from font sizes flagged for internal use
   @if $size-internal-use-only {
-    $size: str-slice(#{$size}, 2);
+    $size: string.slice(#{$size}, 2);
   }
 
   // Check for a font map exactly matching the given size
-  $font-map: map-get($govuk-typography-scale, $size);
+  $font-map: map.get($govuk-typography-scale, $size);
 
   // No match? Try with string type (e.g. $size: "16" not 16)
   @if not $font-map {
-    @each $font-size in map-keys($govuk-typography-scale) {
+    @each $font-size in map.keys($govuk-typography-scale) {
       @if not $font-map and "#{$font-size}" == "#{$size}" {
-        $font-map: map-get($govuk-typography-scale, $font-size);
+        $font-map: map.get($govuk-typography-scale, $font-size);
       }
     }
   }
@@ -178,39 +193,46 @@
   }
 
   // Check for a deprecation within the type scale
-  $deprecation: map-get($font-map, "deprecation");
+  $deprecation: map.get($font-map, "deprecation");
 
   @if $deprecation {
     // Warn on deprecated font sizes unless flagged for internal use
     @if not $size-internal-use-only {
-      @include _warning(map-get($deprecation, "key"), map-get($deprecation, "message"));
+      @include _warning(map.get($deprecation, "key"), map.get($deprecation, "message"));
     }
 
     // remove the deprecation map keys so they do not break the breakpoint loop
-    $font-map: map-remove($font-map, "deprecation");
+    $font-map: map.remove($font-map, "deprecation");
   }
 
   @each $breakpoint, $breakpoint-map in $font-map {
-    $font-size: map-get($breakpoint-map, "font-size");
+    $font-size: map.get($breakpoint-map, "font-size");
     $font-size-rem: govuk-px-to-rem($font-size);
 
     // $calculated-line-height is a separate variable from $line-height,
     // as otherwise the value would get redefined with each loop and
     // eventually break _govuk-line-height.
-    //
+    // 1. See if the function was called with a specific line-height
+    $calculated-line-height: $line-height;
+    // 2. Default to the breakpoint-map if no specific value was given
+    @if not $calculated-line-height {
+      $calculated-line-height: map.get($breakpoint-map, "line-height");
+    }
+
+    // 3. Turn the value into a unitless line-height if possible
     // We continue to call the param $line-height to stay consistent with the
     // naming with govuk-font.
     $calculated-line-height: _govuk-line-height(
-      $line-height: if($line-height, $line-height, map-get($breakpoint-map, "line-height")),
+      $line-height: $calculated-line-height,
       $font-size: $font-size
     );
 
     // Mark rules as !important if $important is true - this will result in
     // these variables becoming strings, so this needs to happen *after* they
     // are used in calculations
-    $font-size: $font-size if($important, !important, null);
-    $font-size-rem: $font-size-rem if($important, !important, null);
-    $calculated-line-height: $calculated-line-height if($important, !important, null);
+    $font-size: $font-size govuk-if($important, !important);
+    $font-size-rem: $font-size-rem govuk-if($important, !important);
+    $calculated-line-height: $calculated-line-height govuk-if($important, !important);
 
     @if not $breakpoint {
       font-size: $font-size-rem;

data/node_modules/govuk-frontend/dist/govuk/helpers/_visually-hidden.scss

@@ -2,6 +2,8 @@
 /// @group helpers/accessibility
 ////
 
+@import "../tools/if";
+
 /// Helper function containing the common code for the following two mixins
 ///
 /// @link https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
@@ -14,28 +16,28 @@
 /// @access private
 
 @mixin _govuk-visually-hide-content($important: true) {
-  position: absolute if($important, !important, null);
+  position: absolute govuk-if($important, !important);
 
-  width: 1px if($important, !important, null);
-  height: 1px if($important, !important, null);
+  width: 1px govuk-if($important, !important);
+  height: 1px govuk-if($important, !important);
   // If margin is set to a negative value it can cause text to be announced in
   // the wrong order in VoiceOver for OSX
-  margin: 0 if($important, !important, null);
-  padding: 0 if($important, !important, null);
+  margin: 0 govuk-if($important, !important);
+  padding: 0 govuk-if($important, !important);
 
-  overflow: hidden if($important, !important, null);
+  overflow: hidden govuk-if($important, !important);
 
   // `clip` is needed for IE11 support
-  clip: rect(0 0 0 0) if($important, !important, null);
-  -webkit-clip-path: inset(50%) if($important, !important, null);
-          clip-path: inset(50%) if($important, !important, null);
+  clip: rect(0 0 0 0) govuk-if($important, !important);
+  -webkit-clip-path: inset(50%) govuk-if($important, !important);
+          clip-path: inset(50%) govuk-if($important, !important);
 
-  border: 0 if($important, !important, null);
+  border: 0 govuk-if($important, !important);
 
   // For long content, line feeds are not interpreted as spaces and small width
   // causes content to wrap 1 word per line:
   // https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
-  white-space: nowrap if($important, !important, null);
+  white-space: nowrap govuk-if($important, !important);
 
   // Prevent users from selecting or copying visually-hidden text. This prevents
   // a user unintentionally copying more text than they intended and needing to

data/node_modules/govuk-frontend/dist/govuk/objects/_grid.scss

@@ -1,3 +1,5 @@
+@use "sass:map";
+
 @import "../base";
 
 @include govuk-exports("govuk/objects/grid") {
@@ -7,7 +9,7 @@
     margin-left: -($govuk-gutter-half);
   }
 
-  @each $width in map-keys($govuk-grid-widths) {
+  @each $width in map.keys($govuk-grid-widths) {
     .govuk-grid-column-#{$width} {
       @include govuk-grid-column($width);
     }
@@ -16,7 +18,7 @@
   // These *must* be defined in a separate loop as they have the same
   // specificity as the non-breakpoint specific classes, so need to appear after
   // them in the outputted CSS
-  @each $width in map-keys($govuk-grid-widths) {
+  @each $width in map.keys($govuk-grid-widths) {
     .govuk-grid-column-#{$width}-from-desktop {
       @include govuk-grid-column($width, $at: desktop);
     }

data/node_modules/govuk-frontend/dist/govuk/objects/_width-container.scss

@@ -1,8 +1,9 @@
-@import "../base";
-
 ////
 /// @group objects/layout
 ////
+@use "sass:string";
+
+@import "../base";
 
 /// Width container mixin
 ///
@@ -26,14 +27,14 @@
   margin-left: $govuk-gutter-half;
 
   // Respect 'display cutout' safe area (avoids notches and rounded corners)
-  @supports (margin: unquote("max(calc(0px))")) {
+  @supports (margin: string.unquote("max(calc(0px))")) {
     $gutter-safe-area-right: calc(#{$govuk-gutter-half} + env(safe-area-inset-right));
     $gutter-safe-area-left: calc(#{$govuk-gutter-half} + env(safe-area-inset-left));
 
     // Use max() to pick largest margin, default or with safe area
     // Escaped due to Sass max() vs. CSS native max()
-    margin-right: unquote("max(#{$govuk-gutter-half}, #{$gutter-safe-area-right})");
-    margin-left: unquote("max(#{$govuk-gutter-half}, #{$gutter-safe-area-left})");
+    margin-right: string.unquote("max(#{$govuk-gutter-half}, #{$gutter-safe-area-right})");
+    margin-left: string.unquote("max(#{$govuk-gutter-half}, #{$gutter-safe-area-left})");
   }
 
   // On tablet, add full width gutters
@@ -42,14 +43,14 @@
     margin-left: $govuk-gutter;
 
     // Respect 'display cutout' safe area (avoids notches and rounded corners)
-    @supports (margin: unquote("max(calc(0px))")) {
+    @supports (margin: string.unquote("max(calc(0px))")) {
       $gutter-safe-area-right: calc(#{$govuk-gutter-half} + env(safe-area-inset-right));
       $gutter-safe-area-left: calc(#{$govuk-gutter-half} + env(safe-area-inset-left));
 
       // Use max() to pick largest margin, default or with safe area
       // Escaped due to Sass max() vs. CSS native max()
-      margin-right: unquote("max(#{$govuk-gutter}, #{$gutter-safe-area-right})");
-      margin-left: unquote("max(#{$govuk-gutter}, #{$gutter-safe-area-left})");
+      margin-right: string.unquote("max(#{$govuk-gutter}, #{$gutter-safe-area-right})");
+      margin-left: string.unquote("max(#{$govuk-gutter}, #{$gutter-safe-area-left})");
     }
   }
 
@@ -61,7 +62,7 @@
 
     // Since a safe area may have previously been set above,
     // we need to duplicate this margin that centers the page.
-    @supports (margin: unquote("max(calc(0px))")) {
+    @supports (margin: string.unquote("max(calc(0px))")) {
       margin-right: auto;
       margin-left: auto;
     }

data/node_modules/govuk-frontend/dist/govuk/overrides/_display.scss

@@ -1,3 +1,5 @@
+@import "../tools/exports";
+
 // stylelint-disable declaration-no-important
 @include govuk-exports("govuk/overrides/display") {
   .govuk-\!-display-inline {

data/node_modules/govuk-frontend/dist/govuk/overrides/_index.scss

@@ -1,3 +1,6 @@
+@import "../settings/spacing";
+@import "../tools/exports";
+@import "../helpers/spacing";
 @import "display";
 @import "spacing";
 @import "text-align";

data/node_modules/govuk-frontend/dist/govuk/overrides/_spacing.scss

@@ -1,6 +1,10 @@
 ////
 /// @group overrides
 ////
+@use "sass:map";
+@import "../settings/spacing";
+@import "../tools/exports";
+@import "../helpers/spacing";
 
 // stylelint-disable declaration-no-important
 
@@ -62,7 +66,7 @@ $_spacing-directions: ("top", "right", "bottom", "left") !default;
 ///
 /// @access private
 @mixin _govuk-generate-static-spacing-overrides($property) {
-  @each $spacing-point in map-keys($govuk-spacing-points) {
+  @each $spacing-point in map.keys($govuk-spacing-points) {
     .govuk-\!-static-#{$property}-#{$spacing-point} {
       #{$property}: govuk-spacing($spacing-point) !important;
     }

data/node_modules/govuk-frontend/dist/govuk/overrides/_text-align.scss

@@ -1,3 +1,5 @@
+@import "../tools/exports";
+
 // stylelint-disable declaration-no-important
 @include govuk-exports("govuk/overrides/text-align") {
   .govuk-\!-text-align-left {

data/node_modules/govuk-frontend/dist/govuk/overrides/_typography.scss

@@ -1,3 +1,8 @@
+@use "sass:map";
+@import "../settings/typography-responsive";
+@import "../tools/exports";
+@import "../helpers/typography";
+
 @include govuk-exports("govuk/overrides/typography") {
   // Font size and line height
 
@@ -5,10 +10,10 @@
   // typography scale eg .govuk-\!-font-size-80
   @each $size, $font-map in $govuk-typography-scale {
     .govuk-\!-font-size-#{$size} {
-      $font-map: map-get($govuk-typography-scale, $size);
+      $font-map: map.get($govuk-typography-scale, $size);
 
       // Add underscore to deprecated typography scale keys
-      @if map-has-key($font-map, "deprecation") {
+      @if map.has-key($font-map, "deprecation") {
         $size: _#{$size};
       }
 

data/node_modules/govuk-frontend/dist/govuk/overrides/_width.scss

@@ -1,3 +1,6 @@
+@import "../tools/exports";
+@import "../helpers/media-queries";
+
 // stylelint-disable declaration-no-important
 @include govuk-exports("govuk/overrides/width") {
   .govuk-\!-width-full {

data/node_modules/govuk-frontend/dist/govuk/settings/_assets.scss

@@ -50,6 +50,15 @@ $govuk-fonts-path: "#{$govuk-assets-path}fonts/" !default;
 ///
 ///   $govuk-image-url-function: 'my-url-handler';
 ///
+/// @example scss - From an external module
+///
+///   @use "sass:meta";
+///   // Include the module containing the handler function
+///   @use "url-handlers";
+///
+///   // Then pass the handler function using `meta.get-function`
+///   $govuk-image-url-function: meta.get-function("image-url", $module: "url-handlers");
+///
 /// @access public
 
 $govuk-image-url-function: false !default;
@@ -77,6 +86,15 @@ $govuk-image-url-function: false !default;
 ///
 ///   $govuk-font-url-function: 'my-url-handler';
 ///
+/// @example scss - From an external module
+///
+///   @use "sass:meta";
+///   // Include the module containing the handler function
+///   @use "url-handlers";
+///
+///   // Then pass the handler function using `meta.get-function`
+///   $govuk-font-url-function: meta.get-function("font-url", $module: "url-handlers");
+///
 /// @access public
 
 $govuk-font-url-function: false !default;

data/node_modules/govuk-frontend/dist/govuk/settings/_colours-functional.scss

@@ -1,8 +1,11 @@
 ////
 /// @group settings/colours
 ////
+@use "sass:list";
+@use "sass:map";
+@use "sass:meta";
 
-@import "../helpers/colour";
+@import "../settings/warnings";
 
 /// Default definitions of the functional colours
 ///
@@ -99,6 +102,27 @@ $govuk-default-functional-colours: (
   )
 );
 
+/// Validates and merges functional colour overrides with defaults.
+///
+/// Throws an error if any provided colour name does not exist in the default
+/// functional colours map.
+///
+/// @param {Map} $colours Functional colour overrides.
+/// @param {Map} $defaults Default functional colours.
+/// @return {Map} Merged functional colours.
+/// @access private
+@function _govuk-define-functional-colours($colours, $defaults) {
+  $existing-colours: map.keys($defaults);
+
+  @each $colour-name, $colour in $colours {
+    @if not list.index($existing-colours, $colour-name) {
+      @error 'Unknown colour `#{$colour-name}` (available colours: #{$existing-colours})';
+    }
+  }
+
+  @return map.merge($defaults, $colours);
+}
+
 /// Functional colours for the GOV.UK palette.
 ///
 /// Each functional colour is represented by a name (for example `'brand'`) to
@@ -156,14 +180,14 @@ $_govuk-deprecated-applied-colour-variables: () !default;
 /// @param {String} Name of variable to check
 /// @access private
 @mixin _warn-if-applied-colour-variable-set($functional-colour-name) {
-  @if not index($_govuk-deprecated-applied-colour-variables, $functional-colour-name) {
-    @if variable-exists("govuk-#{$functional-colour-name}-colour") {
+  @if not list.index($_govuk-deprecated-applied-colour-variables, $functional-colour-name) {
+    @if meta.variable-exists("govuk-#{$functional-colour-name}-colour") {
       $deprecation-message: "Setting \`$govuk-#{$functional-colour-name}-colour\` no longer has any effect. Use \`$govuk-functional-colours: (#{$functional-colour-name}: <NEW_COLOUR_VALUE>);\` instead.";
 
       @include _warning("applied-colour-variables", $deprecation-message);
     }
 
-    $_govuk-deprecated-applied-colour-variables: append(
+    $_govuk-deprecated-applied-colour-variables: list.append(
       $_govuk-deprecated-applied-colour-variables,
       $functional-colour-name
     ) !global;

data/node_modules/govuk-frontend/dist/govuk/settings/_links.scss

@@ -1,6 +1,7 @@
 ////
 /// @group settings/links
 ////
+@use "sass:string";
 
 /// Thickness of link underlines
 ///
@@ -15,7 +16,7 @@
 /// @type Number
 /// @access public
 
-$govuk-link-underline-thickness: unquote("max(1px, .0625rem)") !default;
+$govuk-link-underline-thickness: string.unquote("max(1px, .0625rem)") !default;
 
 /// Offset of link underlines from text baseline
 ///
@@ -44,6 +45,6 @@ $govuk-link-underline-offset: 0.1578em !default;
 /// @type Number
 /// @access public
 
-$govuk-link-hover-underline-thickness: unquote("max(3px, .1875rem, .12em)") !default;
+$govuk-link-hover-underline-thickness: string.unquote("max(3px, .1875rem, .12em)") !default;
 
 /*# sourceMappingURL=_links.scss.map */

data/node_modules/govuk-frontend/dist/govuk/settings/_measurements.scss

@@ -11,6 +11,8 @@
 /// @type Number
 /// @access public
 
+@use "sass:math";
+
 $govuk-page-width: 960px !default;
 
 /// Map of grid column widths
@@ -19,21 +21,11 @@ $govuk-page-width: 960px !default;
 /// @access public
 
 $govuk-grid-widths: (
-  one-quarter: (
-    100% / 4
-  ),
-  one-third: (
-    100% / 3
-  ),
-  one-half: (
-    100% / 2
-  ),
-  two-thirds: (
-    200% / 3
-  ),
-  three-quarters: (
-    300% / 4
-  ),
+  one-quarter: math.div(100%, 4),
+  one-third: math.div(100%, 3),
+  one-half: math.div(100%, 2),
+  two-thirds: math.div(200%, 3),
+  three-quarters: math.div(300%, 4),
   full: 100%
 ) !default;
 
@@ -49,7 +41,7 @@ $govuk-gutter: 30px !default;
 /// @type Number
 /// @access public
 
-$govuk-gutter-half: $govuk-gutter / 2;
+$govuk-gutter-half: math.div($govuk-gutter, 2);
 
 // =========================================================
 // Borders

data/node_modules/govuk-frontend/dist/govuk/settings/_typography-font.scss

@@ -1,6 +1,9 @@
 ////
 /// @group settings/typography
 ////
+@use "sass:list";
+
+@import "../tools/if";
 
 // =========================================================
 // Font families
@@ -31,7 +34,7 @@ $govuk-font-family-print: sans-serif !default;
 /// @type Boolean
 /// @access public
 
-$govuk-include-default-font-face: if(index($govuk-font-family, "GDS Transport"), true, false) !default;
+$govuk-include-default-font-face: govuk-if(list.index($govuk-font-family, "GDS Transport"), true, false) !default;
 
 // =========================================================
 // Font weights