title: Eleventy: change Sass output hierarchy
body: <p>I'm using <a href="https://www.11ty.dev/" rel="nofollow noreferrer">11ty</a> to build a static website and I'd like to use Sass. To do this I've used <a href="https://www.npmjs.com/package/eleventy-plugin-sass" rel="nofollow noreferrer">eleventy-plugin-sass</a>. It does compile the Sass code into a CSS file, but it copies the input hierarchy to the output.</p>
  <p>For example, in my input folder I have the following hierarchy:</p>
  <pre><code>input/
      _includes/
      img/
      posts/
      src/
          scss/
              partials/
              main.scss
  </code></pre>
  <p>and when I run <code>npx @11ty/eleventy</code> it compiles into this:</p>
  <pre><code>output/
      img/
      posts/
      input/
          src/
              scss/
                  main.css
      index.html
  </code></pre>
  <p>I would like to have something like</p>
  <pre><code>output/
      img/
      posts/
      css/
          main.css
      index.html
  </code></pre>
  <p>Is this possible using <code>eleventy-plugin-sass</code>? If not, what would be another way to achieve this?</p>