chore: add plugin for intellisense of css variables

[jeremiah-clothier]

Summary:

There are soo many CSS variables in EDS it's hard to know what the values are when looking at a .module.css file. I'm adding the "CSS Var Complete" extension to help get some IntelliSense when working in .module.css files.

Test Plan:

• Manually testing experience with this plugin (before and after)

Before

After

Better IntelliSense and values are rendered as you hover over them

[github-actions]

size-limit report 📦

Path	Size
components	95.29 KB (0%)
styles	32.77 KB (0%)

[jeremiah-clothier]

@booc0mtaco It doesn't work great with nested values

[booc0mtaco]

@jeremiah-clothier This is great! I think something like this would also be useful in our stack and various projects. I will think about where and how to document that (if nothing else, can be part of the stack and patched into current point solutions)

[jeremiah-clothier]

@jeremiah-clothier This is great! I think something like this would also be useful in our stack and various projects. I will think about where and how to document that (if nothing else, can be part of the stack and patched into current point solutions)

We had this in the Learning Platform, here's where I documented that. Although documentation closer to the repo may be better. https://czi.atlassian.net/wiki/spaces/ETE/pages/2689335723/Visual+Studio+Code+Setup#EDS-Intellisense

[booc0mtaco]

@jeremiah-clothier good link, thanks :) I'll add it to the dev docs here, as anyone outside the org would also benefit from such setup info

[booc0mtaco]

@jeremiah-clothier for using this plugin, are there any manual steps an engineer would need to follow? if so, can you include a little text for EDS local setup in CONTRIBUTING.md?

[booc0mtaco]

@jeremiah-clothier actually it's probably good to merge this as-is, and we can do any question-answering as it comes up

[jeremiah-clothier]

@jeremiah-clothier actually it's probably good to merge this as-is, and we can do any question-answering as it comes up

Oh whoops, let me add some blurb to the docs

[codecov]

Codecov Report

Merging #1748 (079a038) into next (91497bf) will not change coverage.
Report is 4 commits behind head on next.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             next    #1748   +/-   ##
=======================================
  Coverage   92.28%   92.28%           
=======================================
  Files         146      146           
  Lines        2580     2580           
  Branches      665      665           
=======================================
  Hits         2381     2381           
  Misses        183      183           
  Partials       16       16           

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more