How do I get the styled components plugin to work here?

build.module.js

// This code should have been transformed, right??
import styled from 'styled-components';

const Foo = styled.div`
  color: pink;
`;

export { Foo };

rollup.config.js

const babel = require("rollup-plugin-babel");

module.exports = {
  input: "src/index.js",
  output: [
    {
      file: "build/main.js",
      format: "cjs"
    },
    {
      file: "build/module.js",
      format: "esm"
    }
  ],
  plugins: [
    babel({
      plugins: ["styled-components"]
    })
  ]
};

src.index.js

import styled from 'styled-components'

export const Foo = styled.div`
  color: pink;
`