Build errors and classes with full paths

[Brendan-csel]

I don't want to file an issue as I'm sure this will be someting related to my setup. I've been having trouble getting started in my own project so thought I'd try cloning this report and building/running the docs site - and I'm seeing the same issues as in my own project:

Steps taken:

• clone this repo
• yarn install (initially had errors and had to put my Windows 10 PC into Developer mode to resolve)
• yarn run start-site

Site eventually starts (with no styles). 12 build errors such as:

ERROR in ./src/App.css.ts
  Module build failed (from ../packages/webpack-plugin/loader/dist/vanilla-extract-webpack-plugin-loader.cjs.js):
  Error: Invalid selector: .dark src\system\styles\atoms_background_white_darkMode__1h1lh0wa4

  Style selectors must end with the '&' character (along with any modifiers), e.g. `${parent} &` or `${parent} &:hover`.

ERROR in ./src/DocsPage/DocsPage.css.ts
  Module build failed (from ../packages/webpack-plugin/loader/dist/vanilla-extract-webpack-plugin-loader.cjs.js):
  Error: Invalid selector: src\DocsPage\DocsPage_activeIndicator__71uiuk7:not(src\DocsPage\DocsPage_active__71uiuk6)

  Style selectors must end with the '&' character (along with any modifiers), e.g. `${parent} &` or `${parent} &:hover`.

...Classes on elements look like...

<div class="src\system\styles\reset_base__m246vx0 src\system\styles\atoms_display_flex_mobile__1h1lh0wl src\system\styles\atoms_flexDirection_column_mobile__1h1lh0w1f">
 ...
</div>

...and css has no leading "." and also has full path...

src\system\ContentBlock\ContentBlock_root__163xsf10 {
  margin: 0 auto;
}

Any suggestions for where I'm going wrong are greatly appreciated.

[Brendan-csel]

Okay so it turns out this was a Regex bug with Windows paths.

I've submitted a pull request #121