feat(components) CSS Modules-add files for CSS variables

[koji]

Overview

add global.module.css for CSS variables
this pr itself doesn't do anything until we create a componentName.module.css and use a variable from global.module.css.

close AUTH-2036

Test Plan and Hands on Testing

check this pr doesn't break anything

• old ui components on Storybook
• labware related projects

Changelog

Review requests

Risk assessment

low

[codecov]

Codecov Report

Attention: Patch coverage is 0% with 2 lines in your changes missing coverage. Please review.

Project coverage is 28.14%. Comparing base (5d6e238) to head (c1cc319).
Report is 3 commits behind head on edge.

Files with missing lines	Patch %	Lines
app/src/index.tsx	0.00%	1 Missing ⚠️
protocol-designer/src/index.tsx	0.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             edge   #18838      +/-   ##
==========================================
+ Coverage   26.84%   28.14%   +1.29%     
==========================================
  Files        3252     3252              
  Lines      257814   256693    -1121     
  Branches    32609    32301     -308     
==========================================
+ Hits        69223    72243    +3020     
+ Misses     188567   184432    -4135     
+ Partials       24       18       -6     

Flag	Coverage Δ
app	2.89% <0.00%> (+2.56%)	⬆️
components	4.66% <0.00%> (+0.06%)	⬆️
opentrons-ai-client	3.20% <0.00%> (-0.01%)	⬇️
protocol-designer	19.14% <0.00%> (-0.01%)	⬇️
step-generation	5.34% <0.00%> (-0.01%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Files with missing lines	Coverage Δ
app/src/index.tsx	0.00% <0.00%> (ø)
protocol-designer/src/index.tsx	0.00% <0.00%> (ø)

... and 198 files with indirect coverage changes

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[jerader]

lgtm!

[mjhuff]

🔥

[SyntaxColoring]

Thanks!

[SyntaxColoring]

Cool, thank you!