Fix <ul> elements with tna-container class to not show bullets

CHANGELOG.md

@@ -14,6 +14,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Changed
 
 - Tables are no longer automatically 100% width but can be made to be with `.tna-table--full`
+- `<ul>` elements with the class `.tna-container` have their `list-style` removed
 
 ### Deprecated
 ### Removed

src/nationalarchives/utilities/colour/colour-themes.stories.js

@@ -567,7 +567,7 @@ const Template = ({ theme, accent }) => {
         },
       })}
       <div class="tna-section tna-!--padding-bottom-s">
-        <ul class="tna-container tna-ul--no-list-style">
+        <ul class="tna-container">
           <li class="tna-column tna-column--width-1-3 tna-column--width-1-2-small tna-column--full-tiny">
             ${Card({
               params: {
@@ -598,7 +598,7 @@ const Template = ({ theme, accent }) => {
       </div>
       <hr>
       <div class="tna-section">
-        <ul class="tna-container tna-ul--no-list-style">
+        <ul class="tna-container">
           <li class="tna-column tna-column--width-2-3 tna-column--full-medium tna-column--full-small tna-column--full-tiny">
             ${Card({
               params: {

src/nationalarchives/utilities/grid/_index.scss

@@ -1,4 +1,5 @@
 @use "sass:math";
+@use "sass:selector";
 @use "../../variables/grid" as gridVars;
 @use "../../tools/grid";
 @use "../../tools/media";
@@ -30,6 +31,10 @@
   &--centred {
     justify-content: center;
   }
+
+  @at-root #{selector.unify("ul", &)} {
+    list-style: none;
+  }
 }
 
 .tna-column {