自定义配置类的响应变体

Question

我在 tailwind.config.js 中添加了更多填充大小。我可以从 React 组件访问新的填充大小，并且可以在我的 CSS 文件中使用它们。但是，我无法在我的 CSS 文件中使用响应式变体，例如 md:p-140 等。

tailwind.config.js

module.exports = {
  theme: {
    extend: {
      padding: {
        '140': '35rem'
      }
    }
  },
  // ...
}

我可以在我的 CSS 文件中使用 @apply pb-140，但如果我使用 @apply md:pb-140，则该类不存在。当我在 React 组件中使用它时，这些变体有效，只是在 CSS 文件中无效。但是，默认类的变体与 @apply 一起使用，例如 @apply md:p-8。

如何让变体与由我的顺风配置添加的类一起使用？