Fix deprecations (#336)

This updates the deprecations in NHS 9.5.0 to use the new names, see
https://github.com/nhsuk/nhsuk-frontend/releases/tag/v9.5.0

Author: frankieroberto

app/assets/sass/components/_button-group.scss

@@ -21,7 +21,7 @@
     width: 100%;
   }
 
-  @include mq($from: tablet) {
+  @include nhsuk-media-query($from: tablet) {
     flex-direction: row;
     flex-wrap: wrap;
 

app/assets/sass/components/_button.scss

@@ -4,7 +4,7 @@
 // so that when it sits to the right of a text input
 // (eg a search box) it is the same height.
 .app-button--small {
-  @include nhsuk-typography-responsive(16);
+  @include nhsuk-font-size(16);
   padding: nhsuk-spacing(2) 12px;
 }
 

app/assets/sass/components/_feedback-panel.scss

@@ -8,5 +8,5 @@
 }
 
 .app-feedback-panel__title {
-  @include nhsuk-typography-responsive(22);
+  @include nhsuk-font-size(22);
 }

app/assets/sass/components/_related-nav.scss

@@ -5,20 +5,20 @@
 .nhsuk-related-nav {
   border-top: 1px solid $nhsuk-border-color;
 
-  @include mq($until: desktop) {
+  @include nhsuk-media-query($until: desktop) {
     margin-top: nhsuk-spacing(7);
   }
 }
 
 .nhsuk-related-nav__heading {
-  @include nhsuk-typography-responsive(19, $override-line-height: 1.2);
+  @include nhsuk-font-size(19, $line-height: 1.2);
 
   margin-bottom: 12px;
   padding-top: nhsuk-spacing(3);
 }
 
 .nhsuk-related-nav__list {
-  @include nhsuk-typography-responsive(16);
+  @include nhsuk-font-size(16);
 
   list-style: none;
   padding-left: 0;

app/assets/sass/components/_table.scss

@@ -13,7 +13,7 @@ table {
 
 .app-table__header--min-width-200 {
   min-width: 100px;
-  @include mq($from: desktop) {
+  @include nhsuk-media-query($from: desktop) {
     min-width: 200px;
   }
 }

app/components/pagination/_pagination.scss

@@ -53,15 +53,15 @@
   text-decoration: none;
   width: 100%;
 
-  @include mq($media-type: print) {
+  @include nhsuk-media-query($media-type: print) {
     color: $color_nhsuk-black;
   }
 
   .nhsuk-icon {
     position: absolute;
     top: -2px;
 
-    @include mq($media-type: print) {
+    @include nhsuk-media-query($media-type: print) {
       color: $color_nhsuk-black;
       margin-top: 0;
     }
@@ -115,19 +115,19 @@
 }
 
 .nhsuk-pagination__title {
-  @include nhsuk-typography-responsive(24);
+  @include nhsuk-font-size(26);
 
   display: block;
 
-  @include mq($media-type: print) {
+  @include nhsuk-media-query($media-type: print) {
     &:after {
       content: " page"; /* [2] */
     }
   }
 }
 
 .nhsuk-pagination__page {
-  @include nhsuk-typography-responsive(16);
+  @include nhsuk-font-size(16);
 
   display: block;
   text-decoration: underline;