@reach/utils: checkStyles warns in test environment

[KubaJastrz]

🐛 Bug report

Current Behavior

  console.warn node_modules/@reach/utils/dist/utils.cjs.development.js:64
    @reach/tabs styles not found. If you are using a bundler like webpack or parcel include this in the entry file of your app before any of your own styles:

        import "@reach/tabs/styles.css";
    import warning from 'warning';

      Otherwise you'll need to include them some other way:

        <link rel="stylesheet" type="text/css" href="node_modules/@reach/tabs/styles.css" />

      For more information visit https://ui.reach.tech/styling.

Expected behavior

No warning, because of the following line:

reach-ui/packages/utils/src/index.tsx

Line 73 in 5977a9c

process.env.NODE_ENV !== "test" &&

It seems like the line is stripped in the cjs dist files.

Reproducible example

Suggested solution(s)

Additional context

Your environment

I'm using [email protected] with @babel/[email protected] (I don't remember why exactly I have this plugin, but I suspect this might be causing the issue, as in the esm dist file the line is not stripped).

Software	Name(s)	Version
Reach Package	@reach/utils	0.8.2
React
Browser
Assistive tech
Node
npm/yarn
Operating System

[KubaJastrz]

(btw: this import warning from 'warning'; line looks like some merging issue, not sure why it's even included in the log message)

[chaance]

Can you test again with 0.8.4 and let me know if you still have this issue? Scratch that, this will get done and re-tested next week.

[chaance]

Should be good in 0.8.5. Please let me know if you still have an issue here.

[Kosai106]

@chaance We just upgraded @reach/tabs to 0.16.1 from 0.6.1 and this is happening still. Maybe a regression was introduced somewhere?