<p dir="auto">Can not import css after upgrading to v5</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="//next.config.js
const withCSS = require('@zeit/next-css')
module.exports = withCSS()"><pre class="notranslate"><span class="pl-c">//next.config.js</span>
<span class="pl-k">const</span> <span class="pl-s1">withCSS</span> <span class="pl-c1">=</span> <span class="pl-en">require</span><span class="pl-kos">(</span><span class="pl-s">'@zeit/next-css'</span><span class="pl-kos">)</span>
<span class="pl-smi">module</span><span class="pl-kos">.</span><span class="pl-c1">exports</span> <span class="pl-c1">=</span> <span class="pl-s1">withCSS</span><span class="pl-kos">(</span><span class="pl-kos">)</span></pre></div>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="//pages/test.js
import React from 'react';
import './test.css';

export default () =&gt; &lt;div className=&quot;test&quot;&gt;Hello World!&lt;/div&gt;;"><pre class="notranslate"><span class="pl-c">//pages/test.js</span>
<span class="pl-k">import</span> <span class="pl-v">React</span> <span class="pl-k">from</span> <span class="pl-s">'react'</span><span class="pl-kos">;</span>
<span class="pl-k">import</span> <span class="pl-s">'./test.css'</span><span class="pl-kos">;</span>

<span class="pl-k">export</span> <span class="pl-k">default</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-c1">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">className</span><span class="pl-c1">=</span><span class="pl-s">"test"</span><span class="pl-c1">&gt;</span>Hello World!<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">div</span><span class="pl-c1">&gt;</span><span class="pl-kos">;</span></pre></div>
<div class="highlight highlight-source-css notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="/*pages/test.css*/
.test{background-color: red;}"><pre class="notranslate"><span class="pl-c">/*pages/test.css*/</span>
.<span class="pl-c1">test</span>{<span class="pl-c1">background-color</span><span class="pl-kos">:</span> red;}</pre></div>


<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/zeit/next.js/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">Have a box with red background</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Seeing this error:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="ERROR in ./pages/test.css
Module build failed: ValidationError: Style Loader Invalid Options

options['importLoaders'] should NOT have additional properties

 @ ./pages/test.js 10:0-20
 @ multi ./pages/test.js"><pre class="notranslate"><span class="pl-c1">ERROR</span> <span class="pl-k">in</span> <span class="pl-kos">.</span><span class="pl-c1">/</span><span class="pl-s1">pages</span><span class="pl-c1">/</span><span class="pl-s1">test</span><span class="pl-kos">.</span><span class="pl-c1">css</span>
<span class="pl-v">Module</span> <span class="pl-s1">build</span> failed: ValidationError: <span class="pl-v">Style</span> <span class="pl-v">Loader</span> <span class="pl-v">Invalid</span> <span class="pl-v">Options</span>

<span class="pl-s1">options</span><span class="pl-kos">[</span><span class="pl-s">'importLoaders'</span><span class="pl-kos">]</span> <span class="pl-s1">should</span> <span class="pl-c1">NOT</span> <span class="pl-s1">have</span> <span class="pl-s1">additional</span> <span class="pl-s1">properties</span>

 @ <span class="pl-kos">.</span><span class="pl-c1">/</span><span class="pl-s1">pages</span><span class="pl-c1">/</span>test.js 10:0-20
 @ <span class="pl-s1">multi</span> <span class="pl-kos">.</span><span class="pl-pds"><span class="pl-c1">/</span>pages<span class="pl-c1">/</span>test</span><span class="pl-kos">.</span><span class="pl-c1">js</span></pre></div>
<h2 dir="auto">Context</h2>
<p dir="auto">I don't have <code class="notranslate">.babelrc</code> and <code class="notranslate">postcss.config.js</code> in my local and trying to import css</p>
<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>next</td>
<td>5</td>
</tr>
<tr>
<td>node</td>
<td>9.5</td>
</tr>
<tr>
<td>OS</td>
<td>macOS 10.12.6</td>
</tr>
<tr>
<td>browser</td>
<td>chrome Version 64.0.3282.140</td>
</tr>
</tbody>
</table>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/514149/35896216-e7195c80-0bc3-11e8-9a9d-3458ab4051fe.png"><img width="1218" alt="screen shot 2018-02-07 at 5 00 50 am" src="https://user-images.githubusercontent.com/514149/35896216-e7195c80-0bc3-11e8-9a9d-3458ab4051fe.png" style="max-width: 100%;"></a></p>
<h1 dir="auto">Bug report</h1>
<p dir="auto">Discussed with <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/timneutkens/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/timneutkens">@timneutkens</a> on Slack.</p>
<h2 dir="auto">Describe the bug</h2>
<p dir="auto">After a change I am not seeing server SSR reflect the change.</p>
<p dir="auto">The server bundle is being rebuilt properly, but its serving stale pages.</p>