TypeScript в целом никак не смотрит на webpack. То есть webpack отвечает за различные loaders (какую программу для обработки каких файлов использовать), а TS смотрит на типы. SCSS и т.п. файлы - это не JS-файлы, которые TS мог бы просто так загрузить и разобраться что там за сущности и какие типы. Поэтому он и ругается, что не понимает что это вообще такое (хотя импортируется как JS). В таких случаях создают общий тип. К примеру в том же next-js тоже такое есть.
То есть он ТС-у говорит, что результат такого импорта будет объект с ключ-значение "строка-строка".
Попробуй у себя создать папку @types и в нем styles.d.ts и прописать
А то, что у тебя автоматически создавался файл index.module.scss.d.ts, то это вопрос уже к той программе, которую ты вызывал через yarn start. Она смотрит, что используется TS и сама прописывает нужное. Такое поведение и в нексте есть. Но просто так ничего ен будет создаваться.