fix(stylelint): addresses remaining stylelint violations

[cdransf]

Description

For CSS-1040.

This resolves our remaining stylelint issues around undefined tokens, rule order, unused values and color syntax.

• Updates invalid color syntax from rgba(N, N, N, N) to rgba(N N N / N).
• In cases of duplicate properties, preserves the property that would be applied given current code structure.
• Updates misnamed tokens to use valid tokens (table/index.css).

Regression testing

Validate:

1. The documentation pages for at least two other components are still loading, including:

• The pages render correctly, are accessible, and are responsive.

2. If components have been modified, VRTs have been run on this branch:

• VRTs have been run and looked at.
• Any VRT changes have been accepted (by reviewer and/or PR author), or there are no changes.

To-do list

• I have read the contribution guidelines.
• I have updated relevant storybook stories and templates.
• I have tested these changes in Windows High Contrast mode.
• If my change impacts other components, I have tested to make sure they don't break.
• If my change impacts documentation, I have updated the documentation accordingly.
• ✨ This pull request is ready to merge. ✨

[changeset-bot]

🦋 Changeset detected

Latest commit: 078ba81

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

🚀 Deployed on https://pr-3359--spectrum-css.netlify.app

[github-actions]

File metrics

Summary

Total size: 3.89 MB^*
Total change (Δ): 🟢 ⬇ 1.56 KB (-0.04%)

Table reports on changes to a package's main file. Other changes can be found in the collapsed Details section below.

Package	Size	Δ
calendar	19.14 KB	🟢 ⬇ 0.14 KB
card	20.24 KB	🟢 ⬇ 0.04 KB
infieldbutton	18.14 KB	🟢 ⬇ 0.01 KB
modal	5.38 KB	🟢 ⬇ 0.06 KB
radio	17.58 KB	🔴 ⬆ < 0.01 KB
stepper	20.57 KB	🟢 ⬇ 0.10 KB
table	46.84 KB	🟢 ⬇ 0.14 KB
underlay	3.17 KB	🟢 ⬇ 0.10 KB

Details

calendar

Filename	Head	Compared to base
index-base.css	19.14 KB	🟢 ⬇ 0.14 KB (-0.69%)
index-vars.css	19.14 KB	🟢 ⬇ 0.14 KB (-0.69%)
index.css	19.14 KB	🟢 ⬇ 0.14 KB (-0.69%)

card

Filename	Head	Compared to base
index-base.css	20.24 KB	🟢 ⬇ 0.04 KB (-0.22%)
index-vars.css	20.24 KB	🟢 ⬇ 0.04 KB (-0.22%)
index.css	20.24 KB	🟢 ⬇ 0.04 KB (-0.22%)

infieldbutton

Filename	Head	Compared to base
index-base.css	16.00 KB	🟢 ⬇ 0.01 KB (-0.04%)
index-theme.css	2.75 KB	-
index-vars.css	18.14 KB	🟢 ⬇ 0.01 KB (-0.04%)
index.css	18.14 KB	🟢 ⬇ 0.01 KB (-0.04%)
themes/express.css	1.67 KB	-
themes/spectrum.css	1.69 KB	-

modal

Filename	Head	Compared to base
index-base.css	5.38 KB	🟢 ⬇ 0.06 KB (-1.01%)
index-vars.css	5.38 KB	🟢 ⬇ 0.06 KB (-1.01%)
index.css	5.38 KB	🟢 ⬇ 0.06 KB (-1.01%)

radio

Filename	Head	Compared to base
index-base.css	16.52 KB	🔴 ⬆ < 0.01 KB (0.02%)
index-theme.css	1.67 KB	-
index-vars.css	17.58 KB	🔴 ⬆ < 0.01 KB (0.02%)
index.css	17.58 KB	🔴 ⬆ < 0.01 KB (0.02%)
themes/express.css	1.35 KB	-
themes/spectrum.css	1.35 KB	-

stepper

Filename	Head	Compared to base
index-base.css	17.03 KB	🟢 ⬇ 0.25 KB (-1.42%)
index-theme.css	4.15 KB	🔴 ⬆ 0.15 KB (3.61%)
index-vars.css	20.57 KB	🟢 ⬇ 0.10 KB (-0.49%)
index.css	20.57 KB	🟢 ⬇ 0.10 KB (-0.49%)
themes/express.css	2.33 KB	-
themes/spectrum.css	2.43 KB	🔴 ⬆ 0.15 KB (6.32%)

table

Filename	Head	Compared to base
index-base.css	46.84 KB	🟢 ⬇ 0.14 KB (-0.30%)
index-vars.css	46.84 KB	🟢 ⬇ 0.14 KB (-0.30%)
index.css	46.84 KB	🟢 ⬇ 0.14 KB (-0.30%)

underlay

Filename	Head	Compared to base
index-base.css	3.17 KB	🟢 ⬇ 0.10 KB (-2.90%)
index-vars.css	3.17 KB	🟢 ⬇ 0.10 KB (-2.90%)
index.css	3.17 KB	🟢 ⬇ 0.10 KB (-2.90%)

* Size determined by adding together the size of the main file for all packages in the library.
* Results are not gzipped or minified.
* An ASCII character in UTF-8 is 8 bits or 1 byte.

[github-actions]

⚠️ [stylelint] <plugin/no-low-performance-animation-properties> _{reported by reviewdog 🐶}
Unexpected use of low performance transition property (border-color).