Add additional data to file scope

[AndrewLeedham]

From what I understand files scopes wrap a VE .css.ts file, meaning rules can be associated with said scope and grouped. This is then reflected in the data-file and data-package attributes on the injected <style> tag.

Would it be possible to allow additional attributes to be included for these <style> tags. My use case is including theme and mode attributes that I can then use to toggle stylesheets on and off given the current mode (light/dark) and theme.

Thinking it could be exposed by the css package from the filescope module here: https://github.com/seek-oss/vanilla-extract/blob/master/packages/css/src/fileScope.ts. Perhaps the API could look something like this:

// example.css.ts

import { addContext } from '@vanilla-extract/css/fileScope';

addContext('mode', 'dark');

[AndrewLeedham]

On further reflection this wouldn't work because the script injection is dev only, so it would have no effect in production.