[Development] Align List styles to USWDS

[babsdenney]

Description

The VADS has list styles that don't align with USWDS. We want to align our simple unordered and ordered list with the USWDS.

Details

USWDS List
VADS List
Codepen example of both together
#1362

Tasks

• Remove all additional styling added to the simple unordered and ordered list to include
  • Unordered list
  • Ordered list
  • Definition list
• Do not make changes to the complex lists
• Review changes with a Designer

Acceptance Criteria

• The list above have the same styling as USWDS list

[caw310]

Hey team! Please add your planning poker estimate with Zenhub @Andrew565 @ataker @harshil1793 @it-harrison @jamigibbs @micahchiang @powellkerry @rmessina1010 @rsmithadhoc

[jamigibbs]

The USWDS package for list is usa-list which has the usa-list and usa-list--unstyled classes. But I don't think we want to use those classes directly.

This might be a good example/opportunity for us to try importing those types of base style modules into the CSS Library directly from USWDS mixins. Maybe something like this works?

@import 'uswds-core/src/styles/mixins/typography/usa-list-item';


li {
  @include usa-list;

  li {
    @include usa-list-item;
  }
}

I think this is where our current list style is coming which is just a port of the USWDS v1 list styles from Formation:

https://github.com/department-of-veterans-affairs/component-library/blob/main/packages/css-library/src/stylesheets/formation-overrides/elements/lists.scss#L15-L28