dart sass create subfolder for each generated css file

Question

This is my file structure:

- root/
  -- component1/
    -- style.scss
  -- component2/
    -- style.scss

I want to run the sass command so that I get this stucture:

- root/
  -- component1/
    -- style.scss
    -- gen/
      -- style.css
  -- component2/
    -- style.scss
    -- gen/
      -- style.css

When I try the command sass root I get this:

- root/
  -- component1/
    -- style.scss
    -- style.css
  -- component2/
    -- style.scss
    -- style.css

How can I change the command so that it created a sub folder named gen and puts the generated css files in it?